@charset "utf-8";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#ddd;
}
.bg_web01 {
	position: fixed;
	z-index: -10;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	overflow: hidden;
	vertical-align: top;
	background-color: #FFF;
	}
.limpia
{
	clear:both;	
}

.bordesombra {
	-webkit-box-shadow:  2px 3px 20px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  2px 3px 20px -5px rgba(0,0,0,0.75);
	box-shadow:  2px 3px 20px -5px rgba(0,0,0,0.75);
	border-radius:5px;
	border:#EEE solid 1px;	
}

.bordesombra2 {
	-webkit-box-shadow:  1px 1px 17px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  1px 1px 17px -5px rgba(0,0,0,0.75);
	box-shadow:  1px 1px 17px -5px rgba(0,0,0,0.75);
	border-radius:5px;
	border:#EEE solid 1px;	
}


hr
{
	
	background-color:#CCC;
	font-size:1em;
	margin-top:1em;
	border:#EDEDED dotted 1px;
	width:30%;
	text-align:left;
	margin-left:0em;
}

h3 {
	margin-top: 0em;
	padding-top:0em;
	margin-bottom:0em;
	font-size:1.4em;
	color:#FF6600;
	background-color:#FFF;
	border-radius: 5px;
	display:inline-block;
	padding:.3em;
	padding-top:.1em;
}

h4 {
	margin-top: 0em;
	padding-top:0em;
	margin-bottom:0em;
	font-size:1em;
	color:#666;	
	padding:.2em;
	display:inline-block;
	
}

.superfoot {
	
	margin-top:10em;
	
}

#bg_foot {
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity:0.25;
}
#conte_foot {
	/* [disabled]height: 100%; */
	/*margin-top: -100%;*/
	filter: alpha(opacity=99);
	-moz-opacity: .99;
	opacity:0.99;
	/*border-top:#888 solid 1px;*/
	/* [disabled]background-color: #CF0; */
	/* [disabled]padding-bottom: 15em; */
}
.divcolumna, .divcolumnahead {
	width:70%;
	margin-right: auto;
	margin-left: auto;
}

.divcolumna2 {
	width:49%;
	float:left;
}




.itemproyecto {
	background-color:#EAEAEA;
	border: 1px solid #BBB;
	padding:1em;
	border-radius: 3px;
	margin-top:1em;
	-webkit-box-shadow:  2px 3px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  2px 3px 10px -5px rgba(0,0,0,0.75);
	box-shadow:  2px 3px 10px -5px rgba(0,0,0,0.75);
	cursor:pointer;
}

.itemproyecto:hover{
	background-color:#F2F2F2;
}


.tituvaria1
{
	color:#fff;
	background-color:#666;
	padding:.4em;
	padding-top:.1em;
	padding-bottom:.1em;
	font-size:.8em;
	border-radius: 5px;
}
.divlogoPrin {
	height: 4em;
	width: auto;
	margin-left:1em;
	margin-top:1em;
}
.divlogoFlotaIz {
	height: 4em;
	width: auto;
	float:left;
	
}
.divlogoPrin img, .divlogoFlotaIz img{
	height: 100%;
	width: auto;
	vertical-align: bottom;
	cursor: pointer;
}


.datospie {
	display:inline-block;
	margin:auto;	
	color:#FFFFFF;
	margin-bottom:5em;
	font-size:1.2em;
}
.divDatosCon {	
	float:left;
	text-align:left;
	margin-left:1em;
}

.divDatosCon a{
	text-decoration:none;
	color: #FFF;
}

.divDatosCon a:hover{
	text-decoration:none;
	color: #F50;
}


.centrado {
	text-align:center;
}

.tituvaria2
{
	color:#F60;
	background-color:#FFF;
	padding:.2em;
	padding-top:.1em;
	padding-bottom:0em;
	font-size:1em;
	margin-top:0em;
	display:inline-block;
}

/*.itemproyecto:hover .tituvaria1{
	background-color:#F60;
}
.itemproyecto:hover .tituvaria2{
	color:#666;
}*/

.conteitempro {
	height:0em;
	overflow:hidden;
}


.cajasubitem {
	background-color: #F8F8F8;
	border: 1px solid #eee;
	border-radius: 5px;
	margin-top:1em;
	-webkit-box-shadow:  inset 2px 3px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow:  inset 2px 3px 10px -5px rgba(0,0,0,0.75);
	box-shadow:  inset 2px 3px 10px -5px rgba(0,0,0,0.75);
	cursor:default;
	padding-bottom: 1em;
}



.itemproyecto ul {
	
	
	list-style-type:square;
	color:#FF6600;
	margin:1em;
	padding-top:.0em;
	padding-bottom:.0em;
	padding-left:1.5em;
	}

.itemproyecto ul > li {
			
	margin-bottom:1em;
	}
.itemproyecto ul > li .colorgris{
	
	color:#666;
	margin-bottom:1em;
	}
	
.itemproyecto .cajaimagen {
	
	float: right;
	height: 6em;
	width: 8em;
	
}

.itemproyecto .cajaimg {
	height: auto;
	width: 100%;
	text-align:center;
	
}

.itemproyecto .cajaimagen img{
	width:100%;
	height:auto;
	
	
}


.cajaimg img{
	margin:1em;
	width:90%;
	height:auto;
	
}


.cajaTitulos {
	margin-right:9em;	
}

.itemproyecto h3 {
	/*float:left;	*/
}





.cabe_0 {
	display:none;
	height: 3em;
	cursor:pointer;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity:0.50;
	position:fixed;
	z-index:1000;
	background-color:#aaa;
	left: 0px;
	top: 0px;
	right: 0px;
}

.cabe_0:hover {
	
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity:0.85;
}
#divlogoReducido {
	height:100%;
	float:left;
	margin-left: 1em;
	
}

#divlogoReducido img{
	height:100%;
	width: auto;
	
}

.boton_inifin {
	height:3em;
	margin-left: 2em;
	margin-right: 1em;
	float:right;
}

.cabe_1 {
	display: block;
	width: 100%;
	filter: alpha(opacity=99);
	-moz-opacity: .99;
	opacity:0.99;
}

.pie_0 {
	position:fixed;
	height: 3em;
	margin:auto;
	cursor:pointer;
	filter: alpha(opacity=30);
	-moz-opacity: .30;
	opacity:0.30;
	left: 0%;
	right: 0%;
	bottom: 0%;
	background-color: #666;
	z-index:10;
	display:block;
}


.pie_0:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity:0.70;	
}


.videoresumen {
	display: inline-block;
	background-color:#CC0000;
	color:#FFF;
	padding-left:0.4em;
	padding-right:0.75em;
	border-radius:5px;
	text-decoration:none;
	margin-left:2.5em;
	margin-right:0.5em;
	margin-top: .75em;
}

.videoresumen img{
	height:2em;
	width:auto;
	margin-right:.5em;
	vertical-align:middle;
}

.videoresumen:hover {	
	background-color: #F00;
	
}




.linkprueba {
	display: inline-block;
	background-color: #7CA501;
	color:#FFF;
	padding-left:0.4em;
	padding-right:0.75em;
	border-radius:5px;
	text-decoration:none;
	margin-left:2.5em;
	margin-top: 0.75em;
}

.linkprueba img{
	height:2em;
	width:auto;
	margin-right:.5em;
	vertical-align:middle;
}

.linkprueba:hover {	
	
	background-color: #99C600;
}


.linkcapturas {
	display: inline-block;
	background-color: #069;
	color:#FFF;
	padding-left:0.4em;
	padding-right:0.75em;
	border-radius:5px;
	text-decoration:none;
	margin-left:2.5em;
	margin-top: 1mm;
}

.linkcapturas img{
	height:2em;
	width:auto;
	margin-right:.5em;
	vertical-align:middle;
}

.linkcapturas:hover {	
	
	background-color: #09C;
}

.logoimg, .captuimg {
	display: none;
}

h2 {
	font-size: 2em;
	color: #FFF;
	margin: .5em;
}
.titubook4 {
	font-size: 4em;
	
	
}
.titubook3 {
	font-size: 3em;
	
	
}
.titubook2 {
	font-size: 2em;
	
	
}

.titubook1 {
	font-size: 1em;
	color:#FFF;
	
}

.titubook1-5 {
	font-size: 1.5em;
	color:#FFF;
	
}

.titubook1-5b {
	font-size: 1.2em;
	color:#FFF;
	word-spacing: 0.1em;
	text-align: center;
	margin: 2.5em;
	
}


.divgraffobook1 {
	float: right;
	margin-right:1.5em;
	margin-top:0.5em;
	color:#FFFFFF;
	
}


.divgraffobook2 {
	
	
	margin-top:.5em;
	color:#FFFFFF;
	
}

.sombraTx1 {
	

	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}




.sombraTx2 {
	

	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.divhtml5 {
	margin-top: 1em;
	margin-left: 1em;
}
.tagseo {
	color: #069;
	background-color: #E6F4FF;
	border: 1px solid #069;
	display: inline-block;
	padding-top: 0.05em;
	padding-right: 0.4em;
	padding-bottom: 0.1em;
	padding-left: 1.5em;
	border-radius:5px;
	background-image: url(img/iconos/lupaico.png);
	background-repeat: no-repeat;
	background-position: .3em .2em;
	text-decoration:none;
	margin-top: .5em;
	margin-right: .5em;
}

.tagseo:hover {
	
	border: 1px solid #F50;
	color:#FF6600;
	cursor:pointer;
	
}
.bg_web01 img {
	height: auto;
	width: 100%;
}
.boton_inifin img {
	height: 100%;
	width: auto;
}
.cuerpo {
	margin-top: 40em;
}
.abrepagina {
	text-align: center;
	height: 10em;
	margin: auto;
}
.abrepagina img {
	height: 50%;
	width: auto;
	cursor: pointer;
	margin-top:25%;
	margin-bottom:25%;
}