@charset "UTF-8";
/* CSS Document */

html, body {
	color:#333; 
	background:#fff;
	font-family: 'Open Sans', sans-serif; 
	font-size:1em; /*equivalente a 16px*/ 
	}
* {margin:0; padding:0;}
a, p, ol li, ul li, input, textarea, label  {font-size:1em;}
p {margin:0.5em 0;}
ul { list-style:none;}
span {color:#F90;}
.contenedor {
	margin:0 auto;
	padding:1.88em 1.25em; 
	width:80%; 
	}
a {color:#FFC266; text-decoration:none;} 
a:hover {
	color:#F90; 
	}
img {width:100%;}	
img.al-centro {display:block; margin:0 auto;}
.separador {border-bottom:dashed 2px #FFF; width:100%; margin: 1em 0;}
.clear {clear:both; width:100%;}

/*------- Titulos -------*/
h1, h2 {font-weight:lighter; margin:.5em 0;}

/*------- Menú -------*/
#menu {
	min-height:2.25em; 
	border-bottom: solid 3px #F90;
	z-index:500; 
	width:100%; 
	position:fixed;
	margin-bottom:10px;
	top:0;
	background:#a6a6a6;
	}
#menu ul {
	text-align:center;
	}

#menu ul li {
	display:inline-block; 
	vertical-align:middle; 
	list-style:none;
	}
#menu ul li a {
	color:#FFF; 
	text-decoration:none; 
	display:block; 
	padding:.85em 1.5em;
	font-size:1em;
	}
#menu ul li a:hover {
	background:#FFC266; 
	-webkit-transition: all .25s ease .1s;
	-o-transition: all .25s ease .1s;
	-ms-transition: all .25s ease .1s; 
	transition: all .25s ease .1s;
	}	
	
/*------- Banner -------*/
.rslides {
	margin: 0 auto;
	}
.rslides li {  
	-webkit-backface-visibility: hidden; 
	position: absolute; 
	display: none; 
	width: 100%; 
	left: 0; 
	top: 0;
	}
.rslides li:first-child {
	position: relative; 
	display: block;
	}
.rslides img {
	display: block; 
	height: auto; 
	width: 100%; 
	border: 0; 
	}
.rslides_container {
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
/*------- Curriculum y Agenda -------*/
.avi-curriculo {width:10em; margin:0 auto;}
.avi-curriculo img {width:100%; border-radius:6em;}
#agenda h2, #agenda h3, #curriculum h2, #curriculum h3 {margin:.85em 0;}
#agenda h2, #curriculum h2 {text-align:center;}
#agenda h3, #curriculum h3 {border-bottom:dashed 1px #CCC;}
#agenda ul, #curriculum ul { margin-left: 1em; list-style:circle;}
#agenda ul li, #curriculum ul li { margin-bottom: 10px;}
#agenda aside, #curriculum aside {margin-top:.85em; padding:.85em; text-align:center;}	

/*------- Video / Interactivo -------*/
.vid-box {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid-box iframe,
.vid-box object,
.vid-box embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------- Contacto -------*/
.full {
	width:100%;
	height:70vh;
	display:block;
	position:relative;
	z-index:10;
}
.contenido-c {
	padding:2em 15% 4em;
	height:inherit;
}
#contacto h2 {color:#fff; text-align:center; margin:5em auto;}

/*------- Galería -------
ul#galeria{
    width:100%;
    height:100%;
    margin:0;
	text-align:center;
}
/* 3 columnas 
ul.galeria3 li{
	width: 32%;
	display:inline-block;
	vertical-align:top;
	padding: 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
/* 2 columnas 
ul.galeria2 li{
	width: 49%;
	display:inline-block;
	vertical-align:top;
	padding: 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
ul#galeria li img{
    display: block;
    width: 100%;
}

/* imagenes sueltas 
.img {
	display:inline-block;
	min-height:150px; 
	margin:.63em 1% .63em 0; 
	background:#ccc;
	}
.img img {width:100%;}	
.img1 {width:31.5%;}
.img2 {width:48%;}


/*------- Contacto -------*/
input, textarea {
	background:#F4F4F4;
	border: solid 1px #999; 
	border-radius: 5px;
	padding: .125em .313em; 
	font-family: 'Open Sans', sans-serif; 
	color:#666; 
	box-shadow:0;
	}
label {
	margin:.5em .94em .2em 0; 
	width:66%; 
	display:block;
	}
input.campo-grande {width:80%;}
textarea.campo-texto {
	width:98%; 
	height:98px; 
	resize:none; 
	}
label, p.leyenda, h2#contacto {color:#FFF;} 
p.leyenda, input.enviar {display:inline-block;}	
p.leyenda {font-size:.625em; width:-moz-max-content; padding:0 .5em;}
input.enviar {
	background:#333; 
	color:#CCC; 
	border:solid 1px #000;
	}
input.enviar:hover {
	background:#000; 
	color:#fff; 
	}

/*------- Pie -------*/
#pie {min-height:7em; color:#CCC;}
#pie ul, .pie-sector {
	display:inline-block; 
	vertical-align:top;
	}
#pie ul {padding:.5em 0;}
#pie ul li {list-style:none;}
#pie a {
	color:#fff; 
	text-decoration:none; 
	padding:.18em 0;
	}
#pie a:hover {text-decoration:underline;}

/*------- Fondos -------*/

/*blanco*/
.fondo-0 {background:#fff;}
/*gris claro*/
.fondo-1 {background:#f1f1f1;}
/*naranja claro*/
.fondo-2 {background:#F90;}
/*gris oscuro*/
.fondo-3 {background:#333;}


/*------- Queries -------*/ 
@media only screen and (min-width:1200px){ 
}

@media only screen and (max-width:768px){ 
	#menu ul li a {padding:.85em 1em;}
	.parrafo-2, .parrafo-3, .pie-sector {width:100%;}
	#pie ul li {display:inline-block;}
	.pie-sector {border-top:solid 1px #666;}
}

@media only screen and (max-width:568px), {
	a, p, ol li, ul li, input, textarea, label  {font-size:100%;}
	nav ul li, div.campos-1, div.campos-2, input, text-area, label {width:100%;}
	nav {
		border-bottom: 0;
	}
	nav ul {display: none; height: auto;}	
	nav a#pull {
		color:#ccc;
		display: block;
		width: 100%;
		position: relative;
		margin-top: .5em;
		visibility:visible;
		height:2em;
	}
	nav a#pull:hover {color:#fff;}
	
	nav a#pull:after {
		content:"";
		background: url(nav-icon.png) no-repeat right;
		width: 1em;
		height: 100%;
		display: inline-block;
		position: absolute;
		right: 1em;
	}	
	nav ul li, div.campos-1, div.campos-2, input, text-area, label {width:100%;}
}