html,body{margin:0;padding:0;}
body{font: 76% lato,sans-serif;text-align:center;background:#F3F2ED;}
body.mceContentBody  {text-align: left;} /* Fix para editor */
h1{margin:0;padding-left:0px; }
h2{margin:10px 10px 0px;}
p{margin:0 10px; padding-bottom:5px;}
a{/*padding:5px;*/ text-decoration:none; color:#000000;}
a:hover{text-decoration:underline;}
img { border-style: none; }
.bold { font-weight:bold; }
.derecha { float: right; }
.izquierda { float: left; }
.clearBoth { clear: both;height:1px; }
#container{text-align:left;width:100%;max-width: 1920px; margin:0 auto;background:#fff; overflow:hidden;}
* html div#header { height: expression( this.scrollHeight < 101 ? "100px" : "auto" ); /* sets min-height for IE */}
#header { /*background-color:#F3F2ED;*/ min-height:100px; /* sets min-height value for all standards-compliant browsers */ }
#nav #sesion {width:170px;float:left;margin:0; text-align:center}
#nav #sesion p { margin:0;color: #FFF;font-weight: bold; font-size:10px; }
#nav #sesion img { margin-left:5;margin-right:5;}
#nav { background:#F8B599; height:30px;padding:6px; margin:0; }
#nav div.opcionNav {line-height:30px; height:30px;background:#EAF0F8;text-align:center;float:right;width:254px; font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-transform: uppercase;}
#nav .borde { background:#E7E7E7; width:5px;float:right;height:30px; }
#nav span {line-height:30px; height:30px;background:#EAF0F8;text-align:center;float:right;}
#navigation{background:#F26B33;border-right:#E7E7E7 5px solid; line-height:40px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-transform: uppercase;}
#navigation ul{margin:0; padding:0; list-style-type:none; }
#navigation li { }
#navigation li a { padding-left:5px; text-decoration: none; }
#navigation li.par { padding-left:10px;background:#F26B33; color:#FFF;}
#navigation li.impar { padding-left:10px;background:#F8B599; color:#000;}
#navigation li.par a { color:#FFF; }
#navigation li.impar a { color:#000;}
#navigation{float:left;width:192px;/*margin-left:-970px;*/}
#banner { height: 150px; margin: 0 auto;width: 100%; }
#banner img {  }
#msg_error { width:96%; padding-bottom: 5px; padding-top: 5px;margin-left:20px;  }
#msg_error p { color: #CC0000; font-weight: bold; }
#extra{background:#CCC8B3;}
#extra{float:left;width:190px;margin-left:-190px;padding-top:5px;}
#wrapper{float:left;width:100%;/*height: 1px;/*For IE*/}
#content{}
.content{/*margin: 0 0 0 200px;*/position:relative; margin:0 auto 0 auto;width:98%;}
.contentConExtra{margin:0 200px;}
#content p{ line-height:1.4; margin:0; }
#content div.fecha_derecha{ color:#666;font-size:11px;margin:2px 5px 2px 2px;text-align:right; }
#content hr.hr_simple{ margin:0px; height:1px;color:#CCC;background-color: #CCC;width:100%;}
#content hr { color: #F26B33;height: 3px; border:none; width:96%;text-align: center; }
#content h2 { margin:15px 15px 10px; }
#contenido { min-height:400px;height:auto !important;height:400px; margin-top: 20px; margin-left: 20px; }
#contenidoMail { min-height:100px;height:auto !important;height:100px;margin-top: 20px; margin-left: 20px; }
#tabla { border:none; }
#tabla td { color: #000;background-color: #ffffff; border:none; padding:4px; }
#tabla td.color { color: #F26B33; background-color: #ffffff; text-align:left;  padding-top:8px; padding-bottom:8px;text-transform: uppercase;}
#tabla td.blanco { background-color: #FFFFFF; }
#tabla td.titulo { background-color: #FFFFFF;text-transform: uppercase;text-align: center; }
.tabla { width:95%; margin:15px auto; font-size:12px; }
.inscripcion { width:70%; margin:0 auto; font-size:11px; }
.inscripcion td.label { text-align:center; width:110px;text-transform:uppercase; }
.inscripcion td { padding:0px 4px; }
.inscripcion td input.text { width:90%}
.inscripcion td select.text { width:90%; }
.inscripcion td input.boton { width:120px; padding: 3px; }
.advertencia{ margin: 30px 00px 30px 30px; color: #FF0033  }
.pregunta { margin: 20px 0px 10px 30px; text-transform:uppercase; font-weight:bold; }
.respuesta {margin: 0px 0px 10px 40px; }
/*.tabla_inscripcion p {margin: 0;padding: 0;line-height: 11px;}*/
#auspiciantes{clear:left;width:100%;/*height:40px;*/background:#EEE;border-top: #DDD solid 5px;}
#auspiciantes img { float: right; margin: 10px; }
/*div#auspiciantes p{margin:0;padding:5px 10px;}*/
#footer{clear:left; max-width:1920px; width:100%; overflow:hidden;/*width:970px;*/background:#DDD;/*min-height:45px;height:auto !important;height:45px;*/}
#footer p{margin:0;padding:5px 10px;}
/* fix to: ui.datepicker css collision causing display:block on initial hidden state */
.ui-helper-hidden-accessible { top: -99999999px; }

/*header*/
#header  {
    position:relative;
    height:300px;
    width:100%;
    background:#000;
}

#header img {
   display:none;
}

#header h1 {
	width:100%;
	height:100%;
	display:none;
    opacity:0;
	-webkit-animation:fadeOut 2s ease-in-out forwards .25s;
	-moz-animation:fadeOut 2s ease-in-out forwards .25s;
	animation:fadeOut 2s ease-in-out forwards .25s;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-ms-keyframes fadeOut {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeOut {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#nav {
    background:transparent;
    padding:0;
}

#navigation {
    font-family: lato, sans-serif;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    background:#fff;
    font-weight: 400;
}

    #navigation li{
        float:left;
        width:16.66%;
        text-align: center;
    }

	#navigation li.par,
    #navigation li.impar,
	#navigation li.par a,
    #navigation li.impar a {
		height:38px;
	}
	
	
    #navigation li.par a,
    #navigation li.impar a{
		width:100%;
		padding:0;
		display:inline-block;
        color:#333;
        
    }

      #navigation li.par,
      #navigation li.impar{
        color:#333;
        padding:0;
        background:#fff;
        border-bottom:3px solid #fff;
        -webkit-transition:.3s ease-in-out;
        -moz-transition:.3s ease-in-out;
        transition:.3s ease-in-out;
    }

    #navigation li.par:hover,
    #navigation li.impar:hover{
        border-bottom:3px solid #333;
    }

.slider-wrap,
.slider,
.slider li {
    height:100%;
}

.slider-wrap {
    position:relative;
    width:100%;  
    top:0;
    overflow:hidden;
}

    .slider {
        position:relative;
        float:left;
        width:300%;
        padding:0;
        margin:0;
        list-style:none;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation: slider 10s ease-in-out infinite alternate backwards;
        -moz-animation: slider 10s ease-in-out infinite alternate backwards;
        animation: slider 10s ease-in-out infinite alternate backwards;
    }

        .slider li {
            float:left;
            width:33.33%;
        }

            .slider li img {
                display:none!important;
            }

@-webkit-keyframes slider {
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }
   
    40%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    60%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    80%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }

    100%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }
}

@-ms-keyframes slider {
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }
   
    40%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    60%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    80%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }

    100%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }
}

@-moz-keyframes slider {
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }
   
    40%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    60%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    80%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }

    100%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }
}

@keyframes slider {
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }

    20% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
    }
   
    40%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    60%{
        -webkit-transform:translateX(-33.33%);
        -ms-transform:translateX(-33.33%);
        -moz-transform:translateX(-33.33%);
        transform:translateX(-33.33%);
    }

    80%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }

    100%{
        -webkit-transform:translateX(-66.66%);
        -ms-transform:translateX(-66.66%);
        -moz-transform:translateX(-66.66%);
        transform:translateX(-66.66%);
    }
}

#banner {
    height:auto;
}

	#banner a {
		width:100%;
		text-align:center;
		display:inline-block;
	}
	
	#banner img {
		width:100%;
		height:auto;
	}

#nav .borde {
	display:none;
}
	
.new-nav,	
.opcionNav {
	float:left;
}

.new-nav,
.new-nav .opcionNav a {
	width: 100%;
}

.new-nav {
    position:relative;
	padding:5px 0 0 0;
    margin:auto;
    text-align: center;
    background: #f0f0f0;
	z-index:300;
}

	.opcionNav {
		width:33.33%;
	}

		.new-nav .opcionNav + span {
			display:none;
		}

		.new-nav .opcionNav a{
			padding:5px 0 5px 0;
			font-size:12px;
			line-height:18px;
			text-transform:uppercase;
			display:inline-block;
			background:#e3e3e3;
			
		}

		.new-nav .opcionNav a:hover{
			color:#333;
			background:#f5f5f5;
		}

#titulo_seccion {
    font-weight:400;
    text-transform: uppercase;
}
.campoEditable {
	border:none!important;
}

#navigation li:nth-child(8),
#navigation li:nth-child(8):hover {
     border-bottom:none!important;
}

 #navigation li:nth-child(8){
    width:100%;
    background:#e6e3e3;  
    -webkit-animation:inscriptions 3s ease-in-out forwards infinite;
    -moz-animation:inscriptions 3s ease-in-out forwards infinite;
    animation:inscriptions 3s ease-in-out forwards infinite;
}

    @-webkit-keyframes inscriptions {
        0%{
             background:#e6e3e3;  
        }
        50%{
            background:#f4f4f4;
        }
        100%{
            background:#e6e3e3;
        }
    }

    @-ms-keyframes inscriptions {
        0%{
             background:#e6e3e3;  
        }
        50%{
            background:#f4f4f4;
        }
        100%{
            background:#e6e3e3;
        }
    }

    @-moz-keyframes inscriptions {
        0%{
             background:#e6e3e3;  
        }
        50%{
            background:#f4f4f4;
        }
        100%{
            background:#e6e3e3;
        }
    }

    @keyframes inscriptions {
        0%{
             background:#e6e3e3;  
        }
        50%{
            background:#f4f4f4;
        }
        100%{
            background:#e6e3e3;
        }
    }

     #navigation li:nth-child(8) a:hover {
         text-decoration:underline;
     }

 #navigation li:nth-child(8):hover,
 #navigation li:nth-child(8):hover a {
      color:#000;
  }

 #navigation li:nth-child(8):hover {
     background:#f4f4f4;
 }

#pie,
#pie .derecha {
	width:100%;
}

#pie {
	display:inline-block;
	text-align:center;
}

	#pie .derecha {
		float:left;
	}
	
	#pie img {
		width:100%;
		height:auto;
	}

@media only screen and (max-width: 1170px) {
	#navigation li {
		display:table;
	}
	 
		#navigation li.par a, 
		#navigation li.impar a {
			display:table-cell;
			vertical-align:middle;
			line-height:16px;
			text-align:center;
		}
}

@media only screen and (max-width: 950px) {
	#header,
    .slider-title{
		height:180px!important;
	}
	
		#header h1,
        .slider-title{
			background-size:1024px auto!important;
		}

    #navigation li.par a, 
	#navigation li.impar a {
		font-size:12px;
		line-height:12px;
    }
	
}

@media only screen and (max-width: 750px) {

    #navigation li.par a, 
	#navigation li.impar a {
		font-size:11px;
		line-height:10px;
    }
	
}

@media only screen and (max-width: 680px) {
	#titulo_seccion {
		font-size:16px;
	}
	
	#contenido {
		position:relative;
		width:96%;
		margin:0 auto 0 auto;
	}
}

@media only screen and (max-width: 640px) {
	
	.new-nav {
		margin:0 auto 20px auto;
	}

	#navigation li.par a, 
	#navigation li.impar a {
		font-size:10px;
		line-height:11px;
	}
}

@media only screen and (max-width: 580px) {
	
	#navigation li.par, 
	#navigation li.impar,
	#navigation li.par:hover,
    #navigation li.impar:hover {
		border-bottom:1px solid #ccc;
	}
	
	#navigation li.par, 
	#navigation li.impar, 
	#navigation li.par a, 
	#navigation li.impar a{
		height:25px;
	}
	
	#navigation li.par, 
	#navigation li.impar {
		width:100%;
	}
	
	#navigation li.par:hover,
    #navigation li.impar:hover {
		background:#e7e7e7;
	}

	.new-nav .opcionNav a {
		font-size:10px;
	}
}

@media only screen and (max-width: 510px) {

	#header,
    .slider-title{
		height:169px!important;
	}
	
		#header h1,
        .slider-title{
			background-size:980px auto!important;
		}
		
	
}

@media only screen and (max-width: 488px) {

	#header,
    .slider-title{
		height:135px!important;
	}
	
		#header h1,
        .slider-title{
			background-size:780px auto!important;
		}
}

@media only screen and (max-width: 388px) {

	#header,
    .slider-title{
		height:119px!important;
	}
	
		#header h1,
        .slider-title{
			background-size:680px auto!important;
		}
}

@media only screen and (max-width: 340px) {

	#header,
    .slider-title{
		height:105px!important;
	}
	
		#header h1,
        .slider-title{
			background-size:600px auto!important;
		}
}