html, body {width:100%; height:100%;}

body				{font:16px Georgia, Arial, Helvetica, sans-serif; color:#34707b; margin:0 auto; padding:0; background:#FFFFFF url(../images/fondo4.jpg) top center no-repeat; background-size:cover;}
a:link, a:visited	{color: #ff9900; text-decoration:none;}
a:active, a:hover	{color: #ff6600; text-decoration:underline;}

h1	{font:normal 1.7em Satisfy, Arial, Helvetica, sans-serif; color:#235490; margin:0; padding:10px 0 10px 0;}
h2	{font:normal 1.2em Georgia, Arial, Helvetica, sans-serif; margin:0; padding:10px 0 0;}
h3	{font:normal 1.1em Georgia, Arial, Helvetica, sans-serif; margin:0; padding:0;}

/*Textos*/
p	{padding:6px 0; margin:0;}
.normal	{color:#4d8a94 !important}
.violeta	{color:#993399}
.lila		{color:#8f4b81}
.celeste	{color:#3f6ad6}
.azul		{color:#004a9d; font-size:0.9em;}
.azul2		{color:#004a9d;}
.verde		{color:#4a8c55}
h1.amarillo	{color:#e9c108}
.amarillo	{color:#eaae00}
.black		{font-family:'Arial Black', Arial, Gadget, sans-serif}
.fecha		{font-size:0.85em}
.small		{font-size:88%; color:#83979d;}
blockquote {margin:5px 0 5px 25px; line-height:18px;}
li	{margin:10px 0; padding:0 5px;}
ul	{margin:10px 0; padding:0 15px;}

/*Contenedor Global*/
DIV#contenedor		{margin:0 auto; width:100%; z-index:1; }
.header {text-align:left; padding:0; margin:0 auto 20px; width:95%; position:relative; z-index:100;}
.face	{width:30px; height:30px; text-align:right; padding:0; position:absolute; right:22px; top:85px;}
.logo	{height:100px; text-align:right; padding:10px 35px 9px 0;}
.left	{float:left}
.content div.left, .content div.right	{width:49%;}
.right	{float:right}
.clear	{clear:both;}

ul.menu li {list-style: none; margin:0; padding:0;}
ul.menu ul {display: none; padding:0; position: absolute; text-align:left; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

ul.menu li:hover ul ul,ul.menu li:hover ul ul ul,ul.menu li.iehover ul ul,ul.menu li.iehover ul ul ul {display: none;}
ul.menu li:hover ul,ul.menu ul li:hover ul,ul.menu ul ul li:hover ul,ul.menu li.iehover ul,ul.menu ul li.iehover ul,ul.menu ul ul li.iehover ul {display: block;}

.menu	{margin:0; text-align:center; padding:0;}
.menu .item {display:inline-block;}
.menu a:link, .menu a:visited	{font: 140% Satisfy, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-shadow: 0 0 5px #6464AD; padding: 0 15px; display: inline-block; outline: none;}
.menu a:active, .menu a:hover	{color:#1FC2F8; text-shadow: 0 0 6px #000;}
.menu a.pulsar:hover, .menu a.qs:hover				{color:#93F75A;}
.menu a.biblio:hover, .menu a.links:hover, .menu a.contacto:hover		{color:#FAE75A;}

.menu .subitem a:link, .menu .subitem a:visited {display:block; font:13px Georgia, Arial, Helvetica, sans-serif; padding:4px 12px; background: rgba(106,140,190, .9);}
.menu .subitem a:active, .menu .subitem a:hover {background:rgba(74, 109, 162, 1); color: #FAE75A;}
.menu .subitem a:last-child 	{border-radius:0 0 6px 6px; padding-bottom: 7px;}
.menu .subitem h1:first-child	{border-radius:6px 6px 0 0; }
.menu .subitem h1	{font-size:1.3em; padding-bottom:0; padding-left:12px; text-shadow: 0 0 5px #6464AD; color:#70F5EF; background: rgba(106,140,190, .9);}


/*.menu2	{margin:0; text-align:center;}
.menu2 a:link, .menu2 a:visited	{font: 140% Satisfy, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-shadow: 0 0 5px #6464AD; padding: 0 15px; display: inline-block; outline: none;}
.menu2 a:active, .menu2 a:hover	{color:#1FC2F8; text-shadow: 0 0 6px #000;}
.menu2 a.pulsar:hover, .menu2 a.qs:hover				{color:#93F75A;}
.menu2 a.biblio:hover, .menu2 a.links:hover, .menu2 a.contacto:hover		{color:#FAE75A;}

.menu	{margin:0; text-align:center;}
.menu .item {display:inline-block;}
.menu a:link, .menu a:visited	{font: 140% Satisfy, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-shadow: 0 0 5px #6464AD; padding: 0 15px; display: inline-block; outline: none;}
.menu a:active, .menu a:hover	{color:#1FC2F8; text-shadow: 0 0 6px #000;}
.menu a.pulsar:hover, .menu a.qs:hover				{color:#93F75A;}
.menu a.biblio:hover, .menu a.links:hover, .menu a.contacto:hover		{color:#FAE75A;}*/
/*.menu .subitem   {display:none; position: absolute; text-align: left; background:rgba(106,140,190, .9); border-radius: 6px;}
.menu .subitem a:link, .menu .subitem a:visited {display:block; font:13px Georgia, Arial, Helvetica, sans-serif; padding:4px 12px;}
.menu .subitem a:active, .menu .subitem a:hover {background: rgba(0,0,0, .3); color: #FAE75A;}
.menu .subitem a:last-child 	{border-radius:0 0 6px 6px; padding-bottom: 7px;}
.menu .subitem h1	{font-size:1.3em; padding-bottom:0; padding-left:12px; text-shadow: 0 0 5px #6464AD; color:#70F5EF;}
.menu .subitem {display: none; position: absolute; top: 120px; padding-top: 30px; height: 30px; text-align: left; overflow:hidden;}

.menu .subitem a:link, .menu .subitem a:visited {display:block; font:13px Georgia, Arial, Helvetica, sans-serif; padding:4px 12px; background: rgba(106,140,190, .9);}
.menu .subitem a:active, .menu .subitem a:hover {background:rgba(74, 109, 162, 1); color: #FAE75A;}
.menu .subitem a:last-child 	{border-radius:0 0 6px 6px; padding-bottom: 7px;}
.menu .subitem h1:first-child	{border-radius:6px 6px 0 0; }
.menu .subitem h1	{font-size:1.3em; padding-bottom:0; padding-left:12px; text-shadow: 0 0 5px #6464AD; color:#70F5EF; background: rgba(106,140,190, .9);}
*/
/*Decorativos*/
.firu_top	{position:absolute; top:0; left:0; width:370px; max-width:100%; height:135px; background:url(../images/firu_top.png) fixed no-repeat; z-index:2}
.firu_iz	{position:fixed; top:0; left:0; width:145px; height:100%; max-height:710px; background:url(../images/firu_iz.png) 0 180px fixed no-repeat; z-index:2}
.firu_der	{position:fixed; right:0; bottom:0px; width: 545px; height: 450px; background: url(../images/firu_der2.png) right bottom fixed no-repeat; z-index:2}
.mancha1	{font-size:1.2em; text-align:center; padding:20px 0 0 20px; background:url(../images/mancha1.gif) left 20px no-repeat; width:150px !important; height:45px; display:inline-block}
.mancha2	{background:url(../images/mancha2.gif) left top no-repeat;}

/*Informacion y Estilos globales*/
#info	{position:relative; width:90%; padding:0; margin:0 auto 1%; z-index:90; overflow:hidden;}
#info, .header	{max-width:1200px;}
.contenido_iz, .contenidoGde_iz, .contenidoNotas_der, .contenidoGde 	{position: relative; padding:1% 3% 3%; margin: 0; width: 56%; z-index: 90; border-radius: 14px; background: -moz-linear-gradient(top,  rgba(255,248,180,0.3) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,248,180,0.3)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,248,180,0.3) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,248,180,0.3) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,248,180,0.3) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,248,180,0.3) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dfff8b4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contenido_der, .contenidoGde_der  	{position:absolute; top: 0; right: 0; float: right; height: 100%; padding: 0; margin: 0; width:34%;}
.contenidoNotas_der					{float:right;}
.contenidoGde	{width:94%;}

/* suavizo efectos */
.contenidoGde_iz .content 			{overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.contenido_der .novedades	{padding:0px 3%; margin: 0; bottom: 10px; position: relative; width:92%; min-height:170px; display: block; border-radius: 20px; border: 2px solid #4d8a94;}
.contenido_der .novedades	h1	{padding-bottom:0;}

.contenidoGde_der .foto	 {position:relative; width:100%; height:240px; display:block; padding:0; margin:20px auto; max-width: 410px;}
.contenidoGde_der .visor {display:none;}

.contenidoNotas_iz		{position:absolute; top:0; left:0; text-align:right; padding:0; margin:0; width:34%;}
.contenidoNotas_iz a	{font-size:0.9em; line-height:25px; display:block;}
.contenidoNotas_iz a:hover	{color:#993399; margin-right:0; text-decoration:none}
#t2, #t3	{height:0; overflow:hidden;}
.menupie	{display:none;} 
 
/* FIN */
.sliderwrapper			{position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 100%; /*width of featured content slider*/ height:100%; background-image:url(../images/cargando.gif); background-repeat:no-repeat; background-position:center}
.sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0;  /*leave as is*/ top: 0;  /*leave as is*/ padding: 0; text-align:center; width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#centradogaleria1, #centradogaleria2, #centradogaleria3 {}
#centradogaleria3 img 	{width: 100%; height: auto !important; border-radius: 15px;}

/* FIN */

.cv 			{width:100px; margin-left:110px; padding:15px 0; display:block;}
.cv a.violeta, .cv a.violeta:visited	{color:#993399 !important}
.cv a.verde, .cv a.verde:visited		{color:#028e8c !important}
.cv .violeta:after, .cv .verde:after {content: "Recorrido";display: block;font-family: Satisfy, Arial, Helvetica, sans-serif;font-size: 1.1em; color: #004a9d;transform: rotate(-7deg);padding-left: 15%;}

hr {border:none; border-top:1px solid #CCC; height:0;}
.destacado	{padding:5px 10px; border:1px solid #93a9af; background:#cfdee3;}

.resaltado {margin: 10px 0; padding-left: 100px; position: relative; font-style: italic; font-size: .9em; color: #e26218; max-width: 400px;}
.resaltado:before {content: "ATENCION"; position: absolute; left: 0; top: 3px; width: 75px; padding-left: 6px; padding-top: 1px; font-size: 12px; color: #e26218; background: rgb(244, 203, 113); line-height: 25px;}
.resaltado:after {content: ""; position: absolute; left: 75px; top: -3px; width: 0; height: 0; border-left: 18px solid #f4cb71; border-top: 19px solid transparent; border-bottom: 19px solid transparent;}

/*Footer*/
.footer	{display:none}

/* //CLEAR */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html #contenedor { height: 100%; }
.clearfix:after {content: "."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}

/*  -> manera de escribir solo campos de texto y no botones.. input:focus[type=text]*/

/** FORMULARIO **/
form 			{margin:0; padding:0; display:inline; text-align:left}
fieldset 		{padding:0 10px 25px; margin:0 0 10px 30px; border:1px solid #996699;}
fieldset legend {padding:10px 5px; font-size:1.2em; color:#993399;}
label			{display:block; font-size:.85em; float:left; text-align:right; width:100px; padding:0; line-height:25px; margin:5px 0 0;}
form input, form textarea {font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 10px; float:left;}
input.px		{color:#50909a; border:1px solid #996699; background:#fff; width:240px; max-width: 89%; padding:3px 5px;}
textarea.px  	{font-size:12px; color:#50909a; border:1px solid #996699; background:#fff; width:240px; max-width: 89%; height:100px; padding:3px 5px;}
input.boton		{padding:4px 8px;}
fieldset br 	{clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}
.error			{color:#01554e; font-size:.85em; display:none; text-align:left; padding:3px 3px 3px 10px; margin:3px 0; float:left;}
form .mensajes	{display:block; margin:0 0 5px 30px; padding:3px;}
.error_envio	{border:1px dashed red; display:none; margin:10px 0 0 110px; width:240px; padding:5px; text-align:left;}

#info table td .cajita	{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#info table td .cajita:hover	{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); margin-left: 10px;}
/* Menu actividades */
#act, #cursos	{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#info table td div.loguitos	{float:left; width:110px; margin:0; text-align:right;}

/* Correcciones media queries */
@media screen and (min-width: 1200px) {
.contenidoGde_der .foto	 {height:280px;}
}

@media screen and (max-width:960px)  {
.content div.left, .content div.right {width: 100%;}
.contenido_der .novedades {background: rgba(255,255,200, .8); padding: 0 6%; width: 86%;}
.contenidoGde_der .foto	 {height:200px;}
#info table, #info table tr, #info table td	{display:block; width:100%;}
#info table td div	{margin:0 0 10px 0;}
#info table td div.loguitos	{float:left; width:110px; margin:0;}
#info table.tablaLink tr	{clear:both; display:inline-block;}
#info table.tablaLink td	{display:inline-block;}
.mancha2 {font-size: .9em;}
}

@media screen and (max-width:650px)  {
.contenido_iz, .contenidoGde_iz, .contenidoNotas_der, .contenidoGde 	{width:90%; padding:3% 5%;}
.contenido_der, .contenidoGde_der, .contenidoNotas_iz  	{position:relative; top:auto; right:auto; float:none; height:auto; padding:1% 3% 2%; margin:10px 0; text-align:left; width:94%; background: rgba(255,255,255, .35); border-radius: 15px;}
.contenidoNotas_der					{float:none;}
.contenidoGde_der .foto	 {height:280px;}
.menupie	{display:block;}
}

@media screen and (max-width: 480px) {
body	    {background-position: right top; background-size: initial;}
.logo 	  {padding: 10px 0; text-align: center;}
.logo img {height: auto; max-width:100%;}
.firu_iz	{background-position: -70px 180px;}
.face {right: 5px; top: 110px;}
.mancha2 {font-size:.9em;}
.mancha2 blockquote {margin: 5px 0 5px 0;}
.contenido_iz, .contenidoGde_iz, .contenidoNotas_der, .contenidoGde 	{
background: -moz-linear-gradient(top,  rgba(255,248,180,0.5) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,248,180,0.5)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,248,180,0.5) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,248,180,0.5) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,248,180,0.5) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,248,180,0.5) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dfff8b4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contenidoGde_der .foto	 {height:250px;}

fieldset 		{margin:0 0 10px; border:1px solid #996699;}
label			{text-align:left; padding-left: 10px;}
form input, form textarea {font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 10px; float:left;}
}

@media screen and (max-width: 360px) {
.menu2 a:link, .menu2 a:visited {text-shadow: 0 0 20px #252580;}
.contenidoGde_der .foto	 {height:190px;}

}

@media screen and (max-height:700px)  {
.firu_der {opacity: .5; background-position: right 120%;}
}

@media screen and (max-height:500px)  {
.firu_der {opacity: .3; background-position: right 200px;}
}