/*CSS DEL MENU INTERACTIVO */



/* MENU */

#header #nav {
 /*background: #e5e5e5;*/
 float: right;
 /*margin: 90; padding: 0; /*CON ESTO PODEMOS SITUAR LA UBICACION DEL MENU GENERAL*/
 font-size:45px;
 text-align: left;
 font-family: OstrichSansMedium, Helvetica, Arial, sans-serif;
 margin-right:70px;
 margin-top:30px;
 opacity:1;
 filter:alpha(opacity=0);

 
 

 
 /*border: 1px solid white;
 border-bottom: none;*/
}

#nav li a, #nav li {
 float: left;
}

#header #nav li {
 
 list-style: none;
 position: relative;
 text-align:left;

  
}

#header #nav li a {
color: white;
/* padding: 0px 10px; */
 text-decoration: none;
 
 /*text-shadow: 0px 1px 8px #b98f9d;*/
 margin-right:-15px;
 margin-top:5px;
 padding-top:0px;
 padding-left:5px;
 padding-right:10px;
 
 padding-top:0;
 padding-bottom:0;
 
 
 
 

 /*opacity:0.6;
 filter:alpha(opacity=60);

 /*background: #936776;
 /*background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));*/
 /*border-right: 1px solid #171c54;
 border-left: 1px solid #171c54;
 border-bottom: 1px solid #171c54;
 border-top: 1px solid #171c54;
 
 /*background: -moz-linear-gradient(top, #58454b, #936776);
 background: -webkit-gradient(linear, left top, left bottom, from(#58454b), to(#936776));
 behavior: url(css/PIE.htc);
 /*-moz-box-shadow: 0px 1px 2px white;
  -webkit-box-shadow: 0px 1px 2px white;
  box-shadow: 0px 1px 2px white;*/
 
}



#header #nav li a:hover {
/*background: #936776;
 /*background: -moz-linear-gradient(top, black, #171c54 1px, #383f90 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #171c54), to(#383f90));*/
 /*behavior: url(css/PIE.htc);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
  /*-moz-box-shadow: 0px 1px 2px white;
  -webkit-box-shadow: 0px 1px 2px white;
  box-shadow: 0px 1px 2px white;*/
  
  color: #936776;
  text-decoration:underline;
  
 


}


/* Submenu */

/*.hasChildren {
	position: absolute;
	width: 7px; height:7px;
	background: #171c54;
	right : 0;
	bottom: 0;

	
}*/

#nav li ul {
 
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; 
 font-size:15px;
 margin:0px;
 
 font-family: ColaborateThinRegular;letter-spacing: 0px;
 background: #182566;
 /*background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));*/
 border-right: 1px solid #051049;
 border-left: 1px solid #051049;
 border-bottom: 1px solid #051049;
 border-top: 1px solid #051049;
 opacity:0.8;
 filter:alpha(opacity=80);
 
 

}

#nav li:hover > ul {
 display: block;


 
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 185px;
 display: block;

 margin-bottom:5px;
 
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
 
}

#nav li ul li:hover ul {
 left: 100%;
 top: 190px;

}


#nav li ul 

/*CSS GENERALES*/



html.ie div#container {
	
	background-image: url('../Images/fotociudad.jpg');
	background-repeat:no-repeat;
	background-color:#240b0d;
	color: #FFFFFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
 }


html {
	
	background: #240b0d; /*COLOR DE FONDO DE PANTALLA */
	
}



body {
 font-family: helvetica, arial, sans-serif;
 font-size:15px;
 text-align: left;
 color: white;
 list-style: none;
 margin: 0; 
 -webkit-user-select: none; /*evita que el texto se pueda seleccionar*/
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
  user-select: none; 
 }


#container {
	
	/*background: url('../Images/fotociudad.png');
	background-repeat:no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";*/
	
	background-image: url('../Images/fotociudad.jpg');
	background-repeat:no-repeat;
	background-color:#240b0d;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	
	
			
 }

#header {
	list-style:none;
	padding-top:50px;
	padding-left:30px;
	padding-right:20px;
	margin-bottom:60px;
	
}

/*#header #nav {
	list-style:none;
	float:right;
	margin-top:40px;
	margin-bottom:0px;
	margin-right:70px;
	padding-bottom:0px;
	position:relative; ESTE ESTABA OK
	
	
}*/

/*#header #nav img {
	display:inline-block;
	margin-top:30px;
	padding:0px;
	position:static; ESTABA OK
	margin-bottom:300px;
	
	
	
}*/


/*#header #nav li {
	display:inline-block;
	/*padding: 5px 5px 5px 5px;
	margin-bottom:0px;
	padding-bottom:0px;
	position:relative;
	font-family: OstrichSansMedium, Helvetica, Arial, sans-serif;
	font-size:45px; ESTE ESTABA OK
	
		}*/
		
		
/*#header #nav li a{
	text-decoration:none;
	color:white; ESTABA OK
	
		}
	#header #nav li a:hover{
	color:#936776; ESTABA OK
	
		}

	
	/*#header #nav li:hover {
		background: #936776;
		padding:10px 10px 10px 10px;
		border-radius:10px;
		display:inline;	
		position:inherit;
		border:1px solid #936776; 
		-moz-box-shadow: 0px 3px 3px rgba(36,11,13,0.3);
        -webkit-box-shadow: 0px 3px 3px rgba(36,11,13,0.3);
		background: -moz-linear-gradient(top,  #936776,  #61434d);
		background: -webkit-gradient(linear, left top, left bottom, from(#936776), to(#61434d));
		float:none;
		      
	}*/

	
	
/*#frase {
	float:left;
	margin-left:30px;
	margin-bottom:220px;
}*/

#frase {
	font-family:ColaborateThinRegular, Helvetica, Arial, sans-serif;
	font-size:21px;
	margin-left:80px;
	margin-bottom:220px;
	margin-top:-30px;
	margin-right:40px;
	padding-right:50px;
	text-align:left;


	
	
}



#main {
	/*background: -moz-linear-gradient(top,  #936776,  #61434d);
	background: -webkit-gradient(linear, left top, left bottom, from(#936776), to(#61434d));*/
	list-style: none; 
	text-color:#182566;
	text-align: justify;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:30px;
	background:  url('../Images/test2.jpg') repeat;
}

#main img {
	float:left;
	margin-left:0px;
	margin-right:20px;
}

#main h3 {
	color:#182566;
	padding-top:10px;
	margin-bottom:0px;
	font-family: OstrichSansMedium;letter-spacing: .5px;
	font-size:31px;
	line-height:30px;
}

#main p {
	padding-right:60px; /*Ajuste de justificación del texto MAIN*/
	text-align:justify;
	font-family: ColaborateThinRegular;letter-spacing: 0px;
	font-size:18px;
	margin-bottom:-10px;
	padding-top:10px;
	line-height:25px;
	color:white;
		
}

#main p a {
	color:white;
	
}

#main p a:hover {
	color:#182566;
	
	
}

#slideshowWrapper {
	position:relative;
	float:left;
	margin-left:0px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:-43px;
	
}


ul#slideshow {
	list-style:none;
	}

#footer {
	float:left;
	/*background-color:#182566;*/
	list-style: none; 
	text-decoration:none;
	font-size:12px;
	margin-top:35px;
	padding-bottom:5px;
	background:  url('../Images/test.jpg') repeat;
		
	}
	
#footer-nav {
	
	float:right;
	list-style:none; 
	text-decoration:none;
	padding-right:30px;
	padding-top:30px;
		
	/*margin-top:50px;
	padding-right:70px;
	padding-bottom:50px;
	margin-bottom:16px;*/
		
	}
	
#footer-nav a {
	color:white;
	display: block;
	text-decoration:none;
}

	
#footer p {
	float:left;
	padding-left:30px;
 	margin-top:30px; /*info baja ajustada CopyRight*/
	font-family: ColaborateThinRegular;letter-spacing: 0px;

	
}

#footer-nav li{
	display:inline-block;
	position:relative;
	font-family: ColaborateThinRegular;letter-spacing: 0px;
}

#footer p a {
	text-decoration:none; 
	color:white;
}

#footer p a:hover {
	list-style:none;
	color:#936776;
	text-decoration:underline;
	 
}


#footer ul li a:hover {
	color:#936776;
	text-decoration:underline;
	
	
	
 
}


/*GENERAL STYLES*/

/*a{
	color:white;
	
}

a.button {
	/*STYLE BUTTON*/





/*#header #nav li:hover{
	color:red;
}*/


/* MENU */

/*#nav {
 background: #866f9d;
 float: left;
 margin: 0; padding: 0;
/*border: 1px solid white;*/
/* border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #041042;
 background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #545454;
}

#nav li a:hover {
 background: #866f9d;
 background: -moz-linear-gradient(top, #05103d, #5c436a);
 background: -webkit-gradient(linear, left top, left bottom, from(#05103d), to(#5c436a));
}


/* Submenu 

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: #866f9d;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */


/*#nav li ul li a {
 width: 150px;
 display: block;
}

/* SUBSUB Menu 

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}


/*FUENTES DE FONT-FACE PARA TITULOS(http://www.fontsquirrel.com) on September 19, 2011 05:30:57 PM America/New_York */



@font-face {
    font-family: 'OstrichSansCondensedLight';
    src: url('ostrich-light-webfont.eot');
    src: url('ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-light-webfont.woff') format('woff'),
         url('ostrich-light-webfont.ttf') format('truetype'),
         url('ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansMedium';
    src: url('ostrich-regular-webfont.eot');
    src: url('ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-regular-webfont.woff') format('woff'),
         url('ostrich-regular-webfont.ttf') format('truetype'),
         url('ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBold';
    src: url('ostrich-bold-webfont.eot');
    src: url('ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-bold-webfont.woff') format('woff'),
         url('ostrich-bold-webfont.ttf') format('truetype'),
         url('ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBlack';
    src: url('ostrich-black-webfont.eot');
    src: url('ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-black-webfont.woff') format('woff'),
         url('ostrich-black-webfont.ttf') format('truetype'),
         url('ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansRoundedMedium';
    src: url('ostrich-rounded-webfont.eot');
    src: url('ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-rounded-webfont.woff') format('woff'),
         url('ostrich-rounded-webfont.ttf') format('truetype'),
         url('ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansDashedMedium';
    src: url('ostrich-dashed-webfont.eot');
    src: url('ostrich-dashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-dashed-webfont.woff') format('woff'),
         url('ostrich-dashed-webfont.ttf') format('truetype'),
         url('ostrich-dashed-webfont.svg#OstrichSansDashedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*li {
font-family: OstrichSansRoundedMedium, Helvetica, Arial, sans-serif;
}

li {
font-family: OstrichSansRoundedMedium, Helvetica, Arial, sans-serif;
}*/

/* FUENTES DE FONTFACE PARA TEXTOS (http://www.fontsquirrel.com) on October 27, 2011 03:58:12 PM America/New_York */



@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('ColabThi-webfont.eot');
    src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabThi-webfont.woff') format('woff'),
         url('ColabThi-webfont.ttf') format('truetype'),
         url('ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('ColabLig-webfont.eot');
    src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabLig-webfont.woff') format('woff'),
         url('ColabLig-webfont.ttf') format('truetype'),
         url('ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('ColabReg-webfont.eot');
    src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabReg-webfont.woff') format('woff'),
         url('ColabReg-webfont.ttf') format('truetype'),
         url('ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('ColabMed-webfont.eot');
    src: url('ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabMed-webfont.woff') format('woff'),
         url('ColabMed-webfont.ttf') format('truetype'),
         url('ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('ColabBol-webfont.eot');
    src: url('ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabBol-webfont.woff') format('woff'),
         url('ColabBol-webfont.ttf') format('truetype'),
         url('ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}