*{margin:0; padding:0;}
body {font-family: 'Droid Serif', serif;/*background-color:#f0eded;*/ background-color:#fff;}
#contenedor {width:100%;max-width:100%;margin: 0 auto;overflow:hidden;padding:0;background-color:#000;}
div.limpia { clear:both; }
.pagina{width: 100%; min-width:980px; border:0px solid #ffffff; margin:0 auto; height:100%; overflow:hidden;max-width:100%;}
#barranegra{width: 100%; height:50px; margin:0 auto; background-color:#da251d;}
header {position:relative;width:80%;height:100%;font-family: 'Droid Serif', serif;speak: none;z-index:50; margin:0 auto;
/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header nav {width:80%;position:relative; top:-10px;height:50px;margin:0px auto;max-width:800px;z-index:99;}
.menu_bar {	display:none;}
header nav ul {	list-style:none;	overflow:hidden;}
header nav ul li {float: left;	margin-top:0px;	margin-left:8px;	margin-right:8px; font-weight:700; font-size:0.9em;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border: 0px solid #000000;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}
header nav ul li a{	display:block;	padding:20px;	color:#fff;	text-decoration:none;}
#banderas {position:absolute; width:100px; text-align:right; height:30px; z-index:90; right:2px; top:10px;}
#banderas div {width:40px; height:30px; float:left;}
#barracabecera{position:relative; width:100%; background-color:#ffffff; height:150px;z-index:90; border:0px solid #000000; }
#logotipo {position:absolute; width:200px; height:200px; top:-40px;left:20px; z-index:99;}
#lema {position:absolute; width:217px; height:80px; top:25px;left:20px; z-index:99; left:40%; text-align:center;}
#lema div {font-family: 'Droid Serif', serif; font-size:0.8em; font-weight:700; font-variant: small-caps; color:#da251d;}
#iso{position:absolute; width:190px; text-align:center; z-index:99; right:10px; top:30px; }

#piepagina{position:relative; color:#4c4949; width:100%; min-width:980px; margin-top:30px; margin-bottom:10px; margin-left:auto; margin-right:auto; height:100%; min-height:100px;}
.pieizquierda { width:45%; margin:30px; text-align:left; float:left;}
.pieizquierda .texto{ font-family: 'Droid Serif', serif; font-size:0.8em; font-style: normal; font-weight: 400; text-decoration: none; text-align:left;}
.pieizquierda .logos {width:200px;}
.pieizquierda .texto a {font-family: 'Droid Serif', serif; text-decoration: underline; font-size:0.8em;}
.piederecha {width:250px; margin:30px; font-family: 'Droid Serif', serif; float:right;font-size:0.8em; font-style: normal; font-weight: 400; text-decoration: none; text-align:right;}
/*.piederecha div.imagen {position:relative;width:30px; height:30px; float:left;border:0px solid #000;text-align:right;}*/
.piederecha div.facebook {position:relative;width:250px; height:30px; clear:both;text-align:right; padding-top:10px; margin-top:10px;margin-right:0px;border:0px solid #000;}
.piederecha div.telefono {position:relative;width:250px; height:30px; float:none;text-align:right;overflow:hidden;border:0px solid #000;font-family: 'Droid Serif', serif;font-size:1.2em; line-height:30px; font-weight:400; color:#4c4949;}
.piederecha div.email {position:relative;width:250px; height:30px; float:none;text-align:right;overflow:hidden;border:0px solid #000;font-family: 'Droid Serif', serif;font-size:0.9em; line-height:30px; font-weight:400; color:#4c4949;}


#general {position:relative;width:100%; overflow:hidden; margin:0 auto;border:0px solid #fff; min-height:600px;z-index:10; height:100%;}


#animacioninicio {position:relative;display:block; max-height:500px; width:100%; height:70%; max-width:100%; overflow:hidden;}
#animacionseccion {position:relative;display:block; max-height:300px; width:100%; height:70%; max-width:100%; overflow:hidden;}
div.tituloimagen{position:absolute; left:0px; top:100px;width:600px;font-family: 'Droid Serif', serif;	background: url(../img/fondoetiqueta.png) transparent top center repeat; font-weight: bold; font-size:1.8em; color:#ffffff; padding:20px; z-index:56;}

.bloqueinicio {position:relative; top:-20px;min-width:900px; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%; height:auto; min-height:290px;z-index:70; border:0px solid #000;overflow:hidden;}
.bloqueinicio div.izquierda {position:relative; float:left; width:30%; min-width:200px; min-height:280px; height:auto;background-color:#fff;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div.centro {position:absolute;  left:35%; width:30%; min-width:200px; min-height:280px;background-color:#fff;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div.derecha {position:relative; float:right; width:30%; min-width:200px; min-height:280px; background-color:#fff; border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div div.icon {position:absolute; width:100%; height:100px; text-align:center; top:-50px;z-index:10;}
/*.bloqueinicio div div.titulo {position:absolute; width:100%; min-width:200px; height:60px; font-family: 'Droid Serif', serif;	line-height:40px;font-weight: bold;	font-style: normal; font-size:1.1em; color:#000; text-align:center; z-index:30; top:0px;text-shadow: -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;-webkit-text-fill-color: #000;-webkit-text-stroke: 2px #fff;background-color:#da251d;*/
.bloqueinicio div div.titulo {position:absolute; width:100%; min-width:200px; height:50px; font-family: 'Droid Serif', serif;	line-height:40px;font-weight: bold;	font-style: normal; font-size:1.1em; color:#fff; text-align:center; z-index:30; top:0px;background-color:#da251d; border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border: 0px solid #000000;}
div.flechatitulo {position:relative; width:30px; height:15px;margin:0 auto;top:10px;}
.bloqueinicio div div.imagen{border:0px; width:100%; min-width:200px;min-height:100px; position:absolute;border: 0px solid #000000; top:50px;text-align:center;}
.bloqueinicio div div.contenido{position:relative;border:0px; width:100%; min-height:50px; min-width:200px;overflow:hidden;font-family: 'Droid Serif', serif;font-weight: bold;	font-style: normal; font-size:1em; line-height:28px;color:#000; text-align:center; z-index:60;background: url(../img/fondoetiquetablanco.png) transparent repeat center top; margin-top:100px;}
.bloqueinicio div div.enlace{position:relative; width:100px; overflow:hidden;font-family: 'Droid Serif', serif;font-weight: bold;	font-style: normal; font-size:0.9em; color:#000; text-align:center; margin:0px auto; margin-top:20px; background-color:#da251d; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #000000; padding:5px;}
.bloqueinicio div div.enlace a{font-family: 'Droid Serif', serif;color:#fff; text-decoration:none;}
.bloqueinicio div div.enlace a:hover{font-family: 'Droid Serif', serif;color:#fff; text-decoration:underline;}
.bloqueinicio div div.linea{position:relative; width:95%;  height:2px; overflow:hidden;background-color:#da251d; margin-top:20px;}


/*Para menu*/


.cuerpo {position:relative; display:block;  top:0px; width:100%; min-width:980px; overflow: hidden; font-family: 'Droid Serif', serif; color: #000;}
.contenidogeneral {position:relative; margin:20px auto; width:90%; min-width:800px; font-family: 'Droid Serif', serif; color: #000;}
.rotulo {position:relative; width:100%; font-family: 'Droid Serif', serif; color: #da251d; text-align:left; font-size:2em; font-style: normal; font-weight: bold; text-decoration: none; padding:20px; margin-bottom:10px; }
.cuerpo div p {font-size:1em;font-family: 'Droid Serif', serif; line-height:1.6em; font-style: normal; font-weight: 400; text-decoration: none; text-align:left; margin-top:15px;}
.cuerpo div ul {padding:5px 20px;font-size:1em; line-height:1em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
.cuerpo div ul li {margin:10px; font-size:1em; line-height:1em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
.rojo{color: #da251d;}
.titulo1 {font-family: 'Droid Serif', serif; color: #da251d; text-align:left; font-size:1.4em; font-style: normal; font-weight: 400; text-decoration:none; margin-top:10px; border-bottom:2px solid #da251d; padding-bottom:2px;}

#contenidocontacto {position:relative; margin:20px auto; width:100%; min-width:800px; font-family: 'Droid Serif', serif; color: #000;clear:both;}
#contenidocontacto div.izquierda {position:relative;  width:90%; min-width:320px; border:0px solid #fff; margin:0 auto;}
#contenidocontacto div.derecha {position:relative; float:left; width:45%; min-width:320px; border:0px solid #fff; margin:0 auto;}
#contenidocontacto div div.titulo {position:relative; width:90%; margin:0 auto; min-width:200px; border-bottom:2px solid #da251d; color:#da251d; height:50px;font-family: 'Droid Serif', serif;	line-height:70px;font-weight: bold;	font-style: normal; font-size:1.4em; text-align:left;}
#contenidocontacto div div input.inputcontacto {position:relative;margin:0 auto;  color:#000; padding:10px;font-family: 'Droid Serif', serif;	font-weight: normal;	font-style: normal; font-size:1.1em; text-align:left;}
#contenidocontacto div div textarea.inputcontacto {position:relative;margin:0 auto;  color:#000; padding:10px;font-family: 'Droid Serif', serif;	font-weight: normal;	font-style: normal; font-size:1.1em; text-align:left;}
#contenidocontacto div div.titulo img {margin-right:10px;border:0px;}
#contenidocontacto div div.imagen{border:0px; width:100px;height:100px;overflow:hidden;}
#contenidocontacto div div.contenido{border:0px; width:90%; margin:10px auto; overflow:hidden;font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#262626; text-align:left;}
#contenidocontacto div div.contenido p {border:0px; margin:5px auto;font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#000; text-align:left;}
#contenidocontacto div div.contenido div {border:0px; margin:5px 0px; font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#262626; text-align:left;}
#contenidocontacto div div.contenido div.notalegal{margin:20px auto; font-family: 'Droid Serif', serif; color: #262626; font-size:0.7em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
input.icontacto{width:95%; border:0px; border-bottom:2px solid #ccc; padding:10px; background-color:#eee; margin:5px 0px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; max-width:700px;}
input.bcontacto{width:150px; border:0px; border-bottom:2px solid #ccc; padding:10px; background-color:#da251d; margin:5px 0px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; color:#fff; font-weight:700;}
textarea.icontacto{width:95%; border:0px; border-bottom:2px solid #ccc; padding:10px; background-color:#eee; margin:5px 0px;border-radius: 10px 10px 10px 10px;}

.bloquecontacto {position:relative; min-width:900px; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%; height:100%; min-height:200px;z-index:70;}
.bloquecontacto div.izquierda {position:relative; float:left; width:30%; min-width:200px; min-height:200px; margin-top:20px; }
.bloquecontacto div.centro {position:absolute;  left:35%; width:30%; min-width:200px; min-height:200px;margin-top:20px; }
.bloquecontacto div.qr {position:relative; float:right; width:30%; min-width:200px; min-height:200px;}
.bloquecontacto div div.contenido{position:relative;border:0px; width:100%; min-width:200px;overflow:hidden;font-family: 'Droid Serif', serif;font-weight: 400;	font-style: normal; font-size:1em; color:#000; text-align:center;}
.bloquecontacto div div.imagen{border:0px; width:100px;height:100px; position:relative;border: 0px solid #000000;margin:0 auto;}
.contenedorbloquerealizacion{position: relative; width: 800px; height: 700px;  margin:20px auto; border:0px solid #000;}
.posth{width: 800px; height: 100px; top:600px; left: 0px; bottom: 0px;}
.contenedor_slider{position: relative; top: 0px; left: 0px; width: 800px; height: 220px; margin:0 auto; overflow: hidden;}
.contenedor_realizaciones{cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 600px;overflow: hidden; }
.menurealizaciones{cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 175px; overflow: hidden;}
.rotulorealizacion {position:relative; width:90%; margin:0 auto; font-family: 'Droid Serif', serif; color: #0402ab; border-bottom:2px solid #0402ab; text-align:left; font-size:1.8em; font-style: normal; font-weight: bold; text-decoration: none;}
div.descripcionimagen{position:absolute; left:0px; top:10px;width:600px;font-family: 'Droid Serif', serif;	background: url(../img/fondoetiqueta.png) transparent top center repeat; font-weight: bold; font-size:1.1em; color:#ffffff; padding:20px; z-index:56;}
#descripcionrealizacion{position:relative;width: 800px; height: 130px;  margin:20px auto; border:0px solid #000;font-family: 'Droid Serif', serif;font-size:1em; font-weight:normal; color:#000;}

.jssort07 {position: absolute; /* size of thumbnail navigator container */ width: 800px; height: 100px;	z-index:99;}
.jssort07 .p {position: absolute;top: 0; left: 0;width: 99px; height: 66px;}
.jssort07 .i {position: absolute; top: 0px;  left: 0px;   width: 99px;  height: 66px;  filter: alpha(opacity=80); opacity: .8;}
.jssort07 .o {position: absolute; top: 0px; left: 0px; width: 97px; height: 64px; border: 1px solid #000; box-sizing: content-box;  transition: border-color .6s; -moz-transition: border-color .6s;-webkit-transition: border-color .6s; -o-transition: border-color .6s;}
.rotuloinicio {font-family: 'Droid Serif', serif; color: #f17f2c; text-align:center; font-size:1.7em; font-style: normal; font-weight: bold; text-decoration: none; border-top:2px solid #f17f2c; margin-top:20px;}



/*PARA MOVILES*/
 

@media screen and (max-width:800px) {
body {font-family: 'Droid Serif', serif; background-color:#fff;}
.pagina{width: 100%; min-width:320px; border:0px solid #ffffff; margin:0 auto; height:100%; overflow:hidden;}
#barranegra{width: 100%; min-width:320px;height:70px; margin:0 auto; background-color:#da251d;overflow:hidden;}

header {position: absolute;width:100%;height:auto;font-family: 'Droid Serif', serif;speak: none;z-index:99; margin:0px; top:0px; 
/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header nav {position:absolute;display:none;max-width:200px; right:-210px;top:70px;height:100%; min-height:350px;margin:0px;z-index:99;border:0px solid #000;oveflow:hidden;}
.menu_bar {	position:absolute;display:block;width:70px; height:70px;  margin-left:10px; margin-top:0px; top:0px;right:10px;}
.menu_bar .bt-menu {	width:70px;display:block;	padding:0px;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	color:#0402ab;	overflow: hidden;	font-size:25px;	font-weight:bold;	border:0px solid #000;	text-decoration:none;	text-align:left;}
header nav ul {	display:block; float:none;list-style:none;min-height:350px;}
header nav ul li {display: block; background-color:#da251d;float: none;	margin-top:5px;	margin-left:8px;	margin-right:8px; font-weight:700; font-size:1.1em;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #000000;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}
header nav ul li a{	display:block;	padding:20px;	color:#fff;	text-decoration:none;}
#barracabecera{position:relative; min-width:320px;width:100%; background-color:#ffffff; height:100px;z-index:90; border:0px solid #000000;}
#logotipo {position:absolute; width:150px; height:150px;top:-70px;left:10px; z-index:99;}
#logotipo img{width:150px; height:150px;}
#lema {position:absolute; width:100%; height:80px; top:80px;left:0px; z-index:99; text-align:center;}
#lema img{display:none;}
#lema div {font-family: 'Droid Serif', serif; font-size:0.8em; font-weight:700; font-variant: small-caps; color:#da251d;}
#iso{position:absolute; width:60px; text-align:center; z-index:99; right:5px; top:5px; }
#iso img{width:60px; height:64px;}
#general {position:relative;width:100%; overflow:hidden; margin:0 auto;border:0px solid #fff; min-height:600px;z-index:10; height:100%;}
#banderas {position:absolute; width:100px; text-align:right; height:30px; z-index:99; right:60px; top:10px;}
#banderas div {width:40px; height:30px; float:left;}
#barraredes{position:absolute; width:120px; height:40px; text-align:center; z-index:99; right:10px; top:60px;border:0px solid #000;}
#barraredes div {position:relative; width:50px; height:40px; float:left; text-align:right;border:0px solid #000;}
#animacioninicio {position:relative;display:block; max-height:600px; width:100%; height:100%; max-width:100%; min-width:320px; overflow:hidden;z-index:3;}

div.tituloimagen{position:absolute; left:0px; top:80px;width:75%;font-family: 'Droid Serif', serif;	background: url(../img/fondoetiqueta.png) transparent top center repeat; font-weight: bold; font-size:1.8em; color:#ffffff; padding:20px; z-index:56;}

.bloqueinicio {position:relative; min-width:300px; margin-left:auto; top:0px;margin-right:auto; margin-bottom:10px; width:90%; height:100%; min-height:980px;z-index:70;overflow:hidden;}
.bloqueinicio div.izquierda {position:relative; float:none; margin-left:auto; margin-right:auto;margin-top:30px; width:90%; min-width:310px; max-width:400px; min-height:310px; height:auto; background-color:#fff;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div.centro {position:relative; float:none; left:0px; margin-left:auto; margin-right:auto;margin-top:30px; width:90%; min-width:300px; max-width:400px; min-height:310px; height:auto; background-color:#fff;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div.derecha {position:relative; float:none; margin-left:auto; margin-right:auto;margin-top:30px; width:90%; min-width:300px; min-height:310px; max-width:400px;height:auto;  background-color:#fff;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border-bottom:2px solid #da251d;overflow:hidden;}
.bloqueinicio div div.icon {position:absolute; width:100%; height:100px; text-align:center; top:-50px;z-index:10;}
/*.bloqueinicio div div.titulo {position:absolute; width:100%; min-width:200px; height:60px; font-family: 'Droid Serif', serif;	line-height:40px;font-weight: bold;	font-style: normal; font-size:1.1em; color:#000; text-align:center; z-index:30; top:0px;text-shadow: -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;-webkit-text-fill-color: #000;-webkit-text-stroke: 2px #fff;background-color:#da251d;*/
.bloqueinicio div div.titulo {position:absolute; width:100%; min-width:200px; height:50px; font-family: 'Droid Serif', serif;	line-height:40px;font-weight: bold;	font-style: normal; font-size:1.1em; color:#fff; text-align:center; z-index:30; top:0px;background-color:#da251d; border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;border: 0px solid #000000;}
div.flechatitulo {position:relative; width:30px; height:15px;margin:0 auto;top:10px;}
.bloqueinicio div div.imagen{border:0px; width:100%; min-width:200px;min-height:100px; position:absolute;border: 0px solid #000000; top:50px;}
.bloqueinicio div div.contenido{position:relative;border:0px; width:95%; min-height:50px; max-width:300px; min-width:200px;overflow:hidden;font-family: 'Droid Serif', serif;font-weight: bold;	font-style: normal; font-size:1em; line-height:28px;color:#000; text-align:center; z-index:60;background: url(../img/fondoetiquetablanco.png) transparent repeat center top; margin-top:100px; margin-left:auto; margin-right:auto;}
.bloqueinicio div div.enlace{position:relative; width:100px; overflow:hidden;font-family: 'Droid Serif', serif;font-weight: bold;	font-style: normal; font-size:0.9em; color:#000; text-align:center; margin:0px auto; margin-top:20px; background-color:#da251d; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #000000; padding:5px;}
.bloqueinicio div div.enlace a{font-family: 'Droid Serif', serif;color:#fff; text-decoration:none;}
.bloqueinicio div div.enlace a:hover{font-family: 'Droid Serif', serif;color:#fff; text-decoration:underline;}
.bloqueinicio div div.linea{position:relative; width:95%;  height:2px; overflow:hidden;background-color:#da251d; margin-top:20px;}


#piepagina{position:relative; color:#4c4949; width:100%; min-width:320px; margin-top:30px; margin-bottom:10px; margin-left:auto; margin-right:auto; height:100%; min-height:270px;border:0px solid #000;}
.pieizquierda { width:95%; margin:10px auto; text-align:center; float:none;}
.pieizquierda .texto{ font-family: 'Droid Serif', serif; font-size:0.8em; font-style: normal; font-weight: 400; text-decoration: none; text-align:center;}
.pieizquierda .logos {width:200px;text-align:center;margin:0 auto;}
.pieizquierda .texto a {font-family: 'Droid Serif', serif; text-decoration: underline; font-size:0.8em;}
.piederecha {width:98%; min-width:300px;position:relative;margin:20px auto; height:100px;font-family: 'Droid Serif', serif; float:none;font-size:0.8em; font-style: normal; font-weight: 400; text-decoration: none; text-align:center;}
/*.piederecha div.imagen {position:relative;width:25%; height:30px; float:left;border:0px solid #000;text-align:right;}*/
.piederecha div.facebook {position:relative;width:99%; height:30px; text-align:center; padding-top:10px; margin:10px auto;right:0px;}
.piederecha div.telefono {position:relative;min-width:200px; border:0px solid #000;width:60%; height:30px; float:none;text-align:center;overflow:hidden;font-family: 'Droid Serif', serif;font-size:1.8em; line-height:30px; font-weight:400; color:#4c4949; margin-left:auto; margin-right:auto;}
.piederecha div.email {position:relative;width:90%; min-width:200px;border:0px solid #000;height:30px; float:none;text-align:center;overflow:hidden;font-family: 'Droid Serif', serif;font-size:1em; line-height:30px; font-weight:400; color:#4c4949; margin-left:auto; margin-right:auto;margin-top:5px;}


.cuerpo {position:relative; display:block;  top:0px; width:100%; min-width:320px; overflow: hidden; font-family: 'Droid Serif', serif; color: #000;}
.contenidogeneral {position:relative; margin:20px auto; width:90%; min-width:300px; font-family: 'Droid Serif', serif; color: #000;}
.rotulo {position:relative; width:95%; font-family: 'Droid Serif', serif; color: #da251d; text-align:left; font-size:2em; font-style: normal; font-weight: bold; text-decoration: none; padding:20px; margin-bottom:10px; }

.contenedorbloquerealizacion{position: relative; width: 320px; height: 300px;  margin:20px auto;z-index:40; }
.contenedor_realizaciones{cursor: move; position: absolute; left: 0px; top: 0px; top:-10px; width: 320px; height:300px;overflow: hidden; }
.posth{width: 300px; height: 100px; top:320px; left: -250px; bottom: 0px;z-index:99;}
.rotulorealizacion {font-family: 'Droid Serif', serif; color: #0402ab; text-align:left; font-size:1.4em; font-style: normal; font-weight: bold; text-decoration: none;}
.cuerpo p {padding:5px 20px;font-size:1em; line-height:1em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
.cuerpo ul {padding:5px 20px;font-size:1em; line-height:1em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
.cuerpo ul li {margin:10px; font-size:1em; line-height:1em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
#descripcionrealizacion{position:relative;width: 300px; height: 80px;  margin:20px auto; border:0px solid #000;font-family: 'Droid Serif', serif;font-size:1em; font-weight:normal; color:#000;}
div.descripcionimagen{position:absolute; left:0px; top:10px;width:95%;font-family: 'Droid Serif', serif;	background: url(../img/fondoetiqueta.png) transparent top center repeat; font-weight: bold; font-size:1.2em; color:#ffffff; padding:20px; z-index:56;}

.jssort07 {position: absolute; /* size of thumbnail navigator container */ width: 95%; height: 100px;	z-index:99;left:0;}
.jssort07 .p {position: absolute;top: 0;left: 0;width: 60px;height: 50px;}
.jssort07 .i {position: absolute; top: 0px; left: 0px; width: 60px; height: 50px; filter: alpha(opacity=80); opacity: .8; }
.jssort07 .o { position: absolute; top: 0px; left: 0px; width: 60px; height: 50px; border: 1px solid #000; box-sizing: content-box; transition: border-color .6s; -moz-transition: border-color .6s; -webkit-transition: border-color .6s;-o-transition: border-color .6s; }
#contenidocontacto {position:relative; margin:20px auto; width:90%; min-width:300px; font-family: 'Droid Serif', serif; color: #000;}
#contenidocontacto div.izquierda {position:relative; float:none; width:100%; border:0px solid #fff; margin:0 auto;}
#contenidocontacto div.derecha {position:relative; float:left; width:45%; min-width:320px; border:0px solid #fff; margin:0 auto;}
#contenidocontacto div div.titulo {position:relative; width:90%; margin:0 auto; min-width:200px; border-bottom:2px solid #000; color:#000; height:50px;font-family: 'Droid Serif', serif;	line-height:70px;font-weight: bold;	font-style: normal; font-size:1.4em; text-align:left;font-variant: small-caps;}
#contenidocontacto div div input.inputcontacto {position:relative;margin:0 auto;  color:#000; padding:10px;font-family: 'Droid Serif', serif;	font-weight: normal;	font-style: normal; font-size:1.1em; text-align:left;}
#contenidocontacto div div textarea.inputcontacto {position:relative;margin:0 auto;  color:#000; padding:10px;font-family: 'Droid Serif', serif;	font-weight: normal;	font-style: normal; font-size:1.1em; text-align:left;}
#contenidocontacto div div.titulo img {margin-right:10px;border:0px;}
#contenidocontacto div div.imagen{border:0px; width:100%;  min-height:83px; min-width:200px;min-height:83px; overflow:hidden;}
#contenidocontacto div div.contenido{border:0px; width:90%; margin:10px auto; overflow:hidden;font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#000; text-align:left;}
#contenidocontacto div div.contenido p {border:0px; margin:5px auto;font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#000; text-align:left;}
#contenidocontacto div div.contenido div {border:0px; margin:5px auto;font-family: 'Droid Serif', serif;font-weight: normal;	font-style: normal; font-size:1em; color:#000; text-align:left;}
#contenidocontacto div div.notalegal{margin:5px auto; font-family: 'Droid Serif', serif; color: #000; font-size:0.7em; font-style: normal; font-weight: normal; text-decoration: none; text-align:left;}
iframe {width:100%; height:200px; margin:0 auto; text-align:center;}
/*iframe {display:none;}*/
.bloquecontacto {position:relative; min-width:300px; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%; height:100%; min-height:200px;z-index:70;}
.bloquecontacto div.izquierda {position:relative; float:none; width:100%; min-width:200px; min-height:200px; margin-top:10px; }
.bloquecontacto div.centro {position:relative;  left:0px; width:100%; min-width:200px; min-height:200px;margin-top:10px; }
.bloquecontacto div.qr {position:relative; float:none; width:100%; min-width:200px; min-height:200px;}
.bloquecontacto div div.contenido{position:relative;border:0px; width:100%; min-width:200px;overflow:hidden;font-family: 'Droid Serif', serif;font-weight: 400;	font-style: normal; font-size:1em; color:#000; text-align:center;}
.bloquecontacto div div.imagen{border:0px; width:100px;height:100px; position:relative;border: 0px solid #000000;margin:0 auto;}

/*div.qr{display:none;}*/



}

/*Fin menu*/

div.textomenu{margin:0 3px;font-family: 'Droid Serif', serif;	line-height:180px;font-weight: normal;	font-style: normal; font-size:1.2em; color:#0402ab; text-align:center; float:left; height:120px;}
div.textomenu a{margin:10px auto; padding:0 20px;font-family: 'Droid Serif', serif;	font-weight: bold;	font-style: normal; color:#0402ab;text-align:center; text-decoration:none;}



.titulo2 {font-family: 'Droid Serif', serif; color: #000; text-align:left; font-size:1.2em; font-style: italic; font-weight: bold; text-decoration: none; margin-top:10px;}

.completo{
	/*width: 100%;*/
	/*clear: both;*/
	/*overflow: auto;*/
	border:3px solid #ffffff;
	/*overflow: visible;*/
	/*background-color: #fffefe;*/
}

.centrado{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	overflow: visible;
	clear: both;
}

header{
	padding-top: 1em;
	padding-bottom: 1em;
	/*margin-bottom: 1em;*/
}

footer{
	background-color: #960505;
	color: #fff;
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	webkit-box-shadow:  inset 0 20px 20px -20px #000000;
	-moz-box-shadow:     inset 0 20px 20px -20px #000000;
	box-shadow:          inset 0 20px 20px -20px #000000;	
	/* box-shadow:          0px -6px 5px rgba(0, 0, 0, 1);*/
}

.bg_w{
	background-color: #fffefe;
	background-color: #333;
}

/* responsive images */
/*img{
	max-width:100% !important;
    height:auto;
    display:block;
}*/

.img_down{
	position:static;
display:none;
}

.img_down img{
position:absolute;
bottom:0;
padding-bottom:1.5em;
}

.h_336 {
	min-height: 0px;
}

.big_space{
	height:12em;
}

.big_pad{
	padding-bottom: inherit;
}

/* colores */
.bg_gris, #navTop.bg_gris{
	background-color: #333;
}

.bg_dark{
	background-color: rgba(0, 0, 0, 0.8);
}

.gris{
	color: #666;
}



.claro{
color: #666;
}

.clear{
	clear: both;
}

.sombra{
	box-shadow: inset 0 10px 10px -10px #000000;
}

.no_bg{
	background-color: transparent;
}
.sombra_main{
	-webkit-box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 6px 4px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 6px 4px rgba(0, 0, 0, 0.4);
/* 50 ? */
}



a{
	color: inherit;
	text-decoration: underline;
}

a:hover{
	/*color: #e00000;*/
	color: inherit;
	text-decoration:underline;
}

.line_left{
	border-left: none;
}

.lineTop{
	border-top: 1px solid #454545;
}


li.i_mosaico:before, li.i_lista:before, li.i_mapa:before, li.i_volver:before{
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	margin-right: .3em;
	margin-right: 0.5em;
	font-size: 0.8em;
	
	float:  right;
	
	color: #454545;
}

li.i_mosaico:before{
	content: "\f00A";
}

li.i_lista:before{
	content: "\f039";
}

li.i_volver:before{
	content: "\f060";
	color: #fff;
	color: rgba(255,255,255,0.75);
}

li.i_mapa:before{
	content: "\f041";
	font-size: 1em;
}

li.i_mosaico.activo:before, li.i_lista.activo:before, li.i_mapa.activo:before{
	color: #666;
}

ul.opciones li.i_mosaico, ul.opciones li.i_lista, ul.opciones li.i_mapa{
	font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Arial, Helvetica, sans-serif;
}

#nav_alt{
	display: inline;
	margin-top: 1.5em;
}

#nav_alt select{
	width: 100%;
	font-family: "chaparral-pro-1","chaparral-pro-2", sans-serif;
}

.relleno{
	height: 6em;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* ipads */
body{
 min-width:1024px;
}

}

@media only screen 
and (min-width : 896px) {

.centrado{
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	/*overflow: auto;*/
	overflow: visible;
	clear: both;
}

}

@media (min-width: 480px) {




.completo{
	overflow: hidden;
	clear: both;
}

.line_left{
	border-left: 1px dotted #454545;
}

#nav_alt{
	display: none;
}

.h_336 {
	min-height: 336px;
}

.big_pad{
	padding-bottom:6em;
}

.img_down{
	position:relative;
	display:inline;
}

}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* YOUR STYLE GOES HERE */

}

@media print { 
 /* All your print styles go here */
 body{
 	background-color:#fff;
 	
 }
 
 .pagina {
 	width: 200mm;
 	background-color:#fff;
 	border: none;
 }
 
 .p-hidden {
     display: none;
   }
 
 .p-whole {
   width: 100%;
 }
 

 /*slider realizaciones*/
 
.captionOrange, .captionBlack
{color: #fff;
font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
}
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }