@font-face {
    font-family: 'AvantGardeCE-Demi';
    src: url('inc/fonts/itcavantgardecegothicdemi.eot');
    src: url('inc/fonts/itcavantgardecegothicdemi.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/itcavantgardecegothicdemi.woff') format('woff'),
         url('inc/fonts/itcavantgardecegothicdemi.ttf') format('truetype'),
         url('inc/fonts/itcavantgardecegothicdemi.svg#itcavantgardecegothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ******************************************************************** */ 
/* BACKGROUND IMAGE												        */
/* ******************************************************************** */

img.bg {
                        /* Set rules to fill background */
                        min-height: 100%;
                        min-width: 1024px;
                        
                        /* Set up proportionate scaling */
                        width: 100%;
                        height: auto;
                        
                        /* Set up positioning */
                        position: fixed;
                        top: 0;
                        left: 0;
                }
                
                @media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }
                }


/* ******************************************************************** */ 
/* CONTAINERS													        */
/* ******************************************************************** */


html, body{ 
	margin:0; 
	padding:0; 
	font: 11pt Lucida Sans Unicode, sans-serif;
	text-align: left;
	color: #000;
	background: #0086cd;
	/*background: url("img/bg_.jpg") repeat fixed center center #0086cd;*/
	
	} 

	
#wrapper {
  	position: absolute;
  	width: 100%;
	height: 100%;
	display: none;
	
	
}
	
	#col_menu{
	position: relative;
	z-index: 2;
	margin: 1em 0 1em 3em;
	float:left;
	width: 350px;
	min-height: 50%;
	background: #fff;
	
			-webkit-border-bottom-right-radius: 75px;
			-moz-border-radius-bottomright: 75px;
			border-bottom-right-radius: 75px;
	}
	
		#texto_logo{
				font-family: AvantGardeCE-Demi, sans-serif;
				font-size: 2.5em;
				color: #ed2024;
				text-align: center;
				background: #fff;
				/*padding: .3em 0 .3em 0;*/
				}
		
		#info {
			margin: 0 auto 1em auto;
			width: 75%;
			border-left: 2px solid #0086cd;
			border-right: 2px solid #0086cd;
			text-align: center;
			padding-top: 1em;
			
		}
		
		#copo1{
		position:relative;
		z-index: 1;
		float: left;
		left: 70px;
		top: 500px;
		
		height: 0;
		}
	
	
	#col_content{
	margin: 1em 0 2em 420px;
	width: 60%;
	min-width: 600px;
	background: #fff;
	min-height: 90%;
			-webkit-border-bottom-left-radius: 75px;
			-moz-border-radius-bottomleft: 75px;
			border-bottom-left-radius: 75px;
	}
	
		#content{
		
		width: 100%;
		padding: 1em;
		}
	
			#carousel_container{
				margin: 2em auto 1em auto; 
				width: 504px; 
				padding: .8em;
				background: #333;
			}
			


/* ******************************************************************** */ 
/* LINKS & TEXT CLASSES											        */
/* ******************************************************************** */
 
 
a:link, a:visited { color: #0086cd; font-weight: bold; text-decoration: underline;}
a:hover, a:active {color: #000;	text-decoration: none;}

a img {border: 0; }


.s {font-size: .9em;}
.xl {font-size: 1.1em;}
.xxl {font-size: 1.2em;}
.xxxl {font-size: 1.5em;}
.xxxxl {font-size: 1.7em;}
.xxxxxl {font-size: 2.5em;}
.maslinea {line-height: 1.5em;}
.serif {font-family: serif;}
.arial {font-family: arial,sans-serif;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.menoskern {letter-spacing: -0.02em;}
.maskern {letter-spacing: 0.05em;}
.xs {font-size: 0.85em;}
.xxs {font-size: 0.7em;}
.color {color: #ff003c; }
.blanco {color: #fff; }

h4 {margin-bottom: .2em; font-size: 1.1em; }

/* ******************************************************************** */ 
/* MAIN MENU													        */
/* ******************************************************************** */

#menu
{	z-index: 1;
	float: left;
	width: 100%;
	margin: 3.4em 0 1.6em 0;
	padding: 11px 0 0 0;
	list-style: none;  
	
	/*background: #666;
	background: -moz-linear-gradient(#666, #000); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #666));	
	background: -webkit-linear-gradient(#666, #000);	
	background: -o-linear-gradient(#666, #000);
	background: -ms-linear-gradient(#666, #000);
	background: linear-gradient(#666, #000);*/
	
	background-image: url('img/noise.gif'); 
	background-repeat:  repeat;
	
	
}

#menu li
{
	float: left;
	padding: 0 0 6px 0;
	position: relative;
	line-height: 0;
}

#menu li:first-child{ 
	padding-left: 50px;
	
}

#menu a 
{
	float: left;
	height: 30px;
	padding: 50px 50px 0 20px;
	color: #fff;
	border-left: 2px solid #fff;
	/*text-transform: uppercase;*/
	/*font: bold 16px/25px AvantGardeCE-Demi, sans-serif;*/
	font: bold 20px/25px Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 0px 5px #000;
	
}

.last {
	border-right: 2px solid #fff;
}



#menu li:hover > a
{
	color: #fff;
	/*border: 1px solid #fff;*/
	background: #0086cd;
	/*border-radius: 3px;;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}

*html #menu li a:hover /* IE6 */
{
	color: #fafafa;
}

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

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 99999;    
    background: #0086cd;
    background: -moz-linear-gradient(#0086cd, #006ea8);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #006ea8),color-stop(1, #0086cd));
    background: -webkit-linear-gradient(#0086cd, #006ea8);    
    background: -o-linear-gradient(#0086cd, #006ea8);	
    background: -ms-linear-gradient(#0086cd, #006ea8);	
    background: linear-gradient(#0086cd, #006ea8);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px; */
	}
	
#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #006ea8111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #006ea8111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #006ea8111, 0 2px 0 #777777;
}

#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
	height: 10px;
	width: 220px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

/*#menu ul li:first-child > a
{
    /*-moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}*/

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #0086cd;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #0086cd;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    /*-moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;*/
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



	
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 

#print_border_menu{ display: none;}