body,td,th {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.3;
}
body {
	background-color: #e4e4e4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-size: 14pt;
	color: #0063B2;	
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	font-size: 13pt;
	color: #0063B2;	
	font-weight: bold;
}

a {
	color: #0066AD;
	font-weight: bold;
	text-decoration: none;
}

#tablaTotal {width:1170px; margin:0;}

#contenedor {width:1170px; left:0; right:0; margin:auto;}

#headerTop {
	width:100%; 
	height:40px;
	padding-top:10px;
	vertical-align: middle;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #004a92 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#004a92)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#004a92 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#004a92 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#004a92 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#004a92 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#004a92',GradientType=1 ); /* IE6-9 */
}

#headerTop > div {float:right; padding-right:10px;}

#headerCabecera {}

#headerBotonera {height:35px; line-height:35px; vertical-align: middle; background: url(images/fondo-menu1.png) #9ec1e8 repeat-x;}
#headerBotonera a {color:#036; transition: color 0.5s ease;}
#headerBotonera a:hover {color:#FFF; }
#headerBotonera > div {display:inline-block; text-align: center;}
#headerBotonera #botoneraHome {width: 140px;}
#headerBotonera #botoneraEmpresa {width: 190px;}
#headerBotonera #botoneraInstalaciones {width: 160px;}
#headerBotonera #botoneraServicios {width: 160px;}
#headerBotonera #botoneraProductos {width: 160px;}
#headerBotonera #botoneraLocalizacion {width: 190px;}
#headerBotonera #botoneraContacta {width: 170px;}

#contenidoIndex {width: 100%; background: url(images/fondo-lunares.png) #FFF repeat-x; background-position:bottom;}
#contenidoIndex > div {display: inline-block;}
#contenidoIndexIzq {padding:20px 0px 0px 50px;}
#contenidoIndexDer {padding:20px 0px 0px 80px;}
#contenidoIndexFb {padding-top:35px;padding-left:20px;}

#piePagina {width: 100%; padding:50px 0px 30px 30px; }
#piePagina > div {display:inline-block; margin:0 5px;}


.superior {
	width: 1170px;
	height: 30px;
	background: url(images/div-superior.png) #FFF repeat-y;
	background-position:right;
	text-align:right;
	color: #FFF;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 3px;
	vertical-align: middle;
		
}
.cabecera {
	width: 1170px;
	height: 150px;
	background: #FFFFFF;	
}

.div-botonera {
	width: 1170px;
	height: 35px;
	background: url(images/fondo-menu1.png) #9ec1e8 repeat-x;
	vertical-align: middle;
		
}

.div-botonera2 {
	width: 100%;
	height: 35px;
	background: url(images/fondo-menu1.png) #9ec1e8 repeat-x;
	vertical-align: middle;
		
}
.botonera {
	width: 1170px;	
}
.botonera {
	width: 100%;	
}

.botonera td {
	/*width: 	167.15px;*/
	text-align: center;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 4px;
}

.botonera2 td {
	/*width: 	167.15px;*/
	text-align: center;
	height: 30px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 4px;
}
.botonera a {
	text-decoration: none;
	color: #036;	
}

.botonera2 a {
	text-decoration: none;
	color: #036;	
}

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

.botonera2 a:hover {
	text-decoration: none;
	color: #FFF;	
}
.activado {
	background: url(images/fondo-menu2.png) #b22e1f repeat-x;	
}

.activado a {
	color: #FFF!important;	
}

.div-contenido {
	width: 1170px;
	/*height: 500px;*/
	text-align: justify;
	vertical-align: top;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
	padding-botton: 30px;
	background: url(images/fondo-lunares.png) #FFF repeat-x;
	background-position:bottom;
}

ul.ul-empresa {
	margin:0;
	padding-left: 20px;
	line-height: 2em;
}

.ul-empresa li {
	padding-left: 0px;
	list-style-image: url(images/listado.png);
	font-size: 11pt;
	line-height: 1.3;
	padding-bottom: 20px;
}

ul.productos {
	margin:0;
	padding-left: 20px;
	line-height: 2em;
}

.productos li {
	padding-left: 0px;
	list-style: none;
	font-size: 12pt;
	line-height: 1.3;
	padding-bottom: 10px;
}

ul.revistas {
	margin:0;
	padding-left: 40px;
	line-height: 2em;
}

.revistas a {
	color: #333;
}

.revistas a:hover {
	color: #0063B2;
}
.revistas li {
	padding-left: 0px;
	list-style-image: url(images/pdf.png);
	font-size: 10pt;
	line-height: 1.3;
	padding-bottom: 10px;
	font-weight: bold;
}

ul.bigrent {
	margin:0;
	padding-left:40px;
	padding-top: 10px;
	line-height: 2em;
}

.bigrent li {
	padding-left: 0px;
	list-style-image: url(images/listado.png);
	font-size: 10pt;
	line-height: 1.3;
	padding-bottom:5px;
	font-weight:bold;
}


li.viendo {
	padding-left: 0px;
	list-style-image: url(images/listado2b.png);
	font-size: 10pt;
	line-height: 1.3;
	padding-bottom:5px;
	font-weight:bold;
}
li.viendo2 {
	padding-left: 2px;
	list-style-image: url(images/listado2b.png);
	font-size: 14pt;
	/*line-height: 1.3;*/
	/*padding-bottom:10px;*/
	font-weight:bold;
}

.bigrent a {
	color: #333;
}
.bigrent a:hover {
	color: #0063B2;
}

ul {
	margin:0;
	padding-left: 50px;
	line-height: 2em;
}


ul li {
	padding-left: 2px;
	list-style-image: url(images/listado.png);
	font-size: 14pt;
}

ul a {
	color: #333;
	font-weight: normal;
}

ul a:hover {
	color: #0063B2;
}

.ampliar {
	font-size: 10pt;
	color: #666;
	line-height: 0px;
}

.fotos-inicio {
	width: 520px;
	height: 365px;
	border:	red;
	border-width:1px;
	position:relative;
}

.pie-pagina {
	width: 100%;
	padding-top: 30px;	
	padding-bottom: 20px;
}

a.contratistas {
	color: #FFF;
}

a:hover .contratistas {
	color: #FFF;
}

.listado-inicio li{
	cursor:pointer;
}
.listado-servicios li{
	cursor:pointer;
}

.imgContent img{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.44);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.44);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.44);
}


#photoContent #mainPhoto{
	display: inline-block;
	width: 400px;

}

#photoContent #photoThumbs{
	vertical-align: top;
	display: inline-block;	
	width: 250px;
	text-align: left;
	margin: 0px 0px 10px 10px;
	cursor: pointer;
}

#photoContent #photoThumbs img {width: 80px;display: inline-block;}

/* COMPONENTE SLIDESHOW */
ul.ppt {
position: absolute;
list-style-type: none;
}

.ppt li {
list-style-type: none;
position: absolute;
top: 0;
left: 0;
}

.ppt img {
/*border: 1px solid #e7e7e7;*/
/*padding: 5px;*/
background-color: #FFFFFF;
}

/* GALLERIA */
#galleria {
	height:500px;
}


/* RELOJ */
.container {width: 250px; overflow: hidden; background: #0165B5;}

.clock {width:200px; margin:0 auto; padding:10px; border:1px solid #0165B5; color:#FFF; text-align: center; }

#Date { text-align:center; text-shadow:0 0 5px #FF0012; text-transform: uppercase;}

ul.reloj { width:200px; margin:0 auto; padding:0px; list-style:none; text-align:center; display:inline; font-size:30px; text-align:center; text-shadow:0 0 5px #FF0012; }
.reloj li { display:inline; font-size:30px; text-align:center; text-shadow:0 0 5px #FF0012; }

#point { position:relative; -moz-animation:mymove 1.5s ease infinite; -webkit-animation:mymove 1s ease infinite;  }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #FF0012;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #FF0012; }	
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #FF0012;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #FF0012; }	
}

/********************************************************************************************************************************************/

@media (width:320px), (width:360px) {
	
	html {}

	#contenedor {width:320px;}
	
	#headerTop {height: 30px; padding-top:5px;}
	
	#headerCabecera > img {width:320px;}

	#headerBotonera {width: 320px; text-align:center; height: auto; background:none; background-color: #9EC1E8;}
	#headerBotonera > div {margin:0 10px;}
	#headerBotonera #botoneraHome {width: auto;}
	#headerBotonera #botoneraEmpresa {width: auto;}
	#headerBotonera #botoneraInstalaciones {width: auto;}
	#headerBotonera #botoneraServicios {width: auto;}
	#headerBotonera #botoneraProductos {width: auto;}
	#headerBotonera #botoneraLocalizacion {width: auto;}
	#headerBotonera #botoneraContacta {width: auto;}
	.activado {padding:5px 10px; background:none; background-color:#B22E1F;}

	#contenidoIndexIzq {width: 95%; padding-left:5px; padding-right: 5px;}
	#contenidoIndexIzq h1, h2 {text-align: center;}
	#contenidoIndexIzq ul {list-style-type: none!important;}
	#contenidoIndexDer {display: none!important;}
	#contenidoIndexFb img {width: 280px;}

	#piePagina {padding:40px 0px 20px 7px;}
	#piePagina > div {margin:0 3px;}
}