@import url("reset.css");

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#main {
	background-color: #FFF;
	width: 985px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}



#main #header { height:90px; margin: 0px 25px 0px 25px;}
#main #header h1{float:left; text-indent:-5000px; width:237px; height:75px;	background-image: url(../images/logo_oxifrio.gif);background-repeat: no-repeat;}
#main #header span{ float:right;text-align:right; color:#4a4a4a; font-size:11px; padding-top:25px;}
#main #header span strong{ font-size:18px; color:#000;}
#main #header span a{ color:#004ec2; font-size:13px;}
#main #header a.mapa-h{ background-image:url(../images/ico_maps.gif); text-indent:-5000px; width:93px; padding-top:55px;float:right; border:1px solid #ccc; margin-left:15px; }
#main #header a.mapa-h:hover{ background-image:url(../images/ico_maps-over.gif);}


#main #nav {background-color: #083982; font-size:13px; text-align:center; padding:0px 10px 0px 10px; height:40px; margin: 0px 25px 15px 25px;}
#main #nav li{ float:left; padding:13px 0px 13px 0px;}
#main #nav li + li{ border-left: 1px solid #39619b; }
#main #nav a{ color:#FFF; text-decoration:none;padding:12px 18px 13px 18px;}
#main #nav a:hover{ background-color:#062e68;}

#slider{margin: 0px 25px 15px 25px; width:935px;height:408px;}


#contacto{ float:right; z-index:1000; width:225px; height:425px; padding:20px; background-color:#069; position:absolute; margin-left:680px; margin-top:-500px;/*texto*/ color:#FFF; line-height:16px; background-image:url(../images/bg_contacto-h.jpg); border:1px solid #072454;border-radius:3px; }
#contacto h3{ font-size:14px; text-transform:uppercase; margin-bottom:15px;}
#contacto .campo{ width:214px; border:1px solid #999; padding:5px; margin-bottom:5px;}
#contacto .boton{ background-color:#000; text-align:center; color:#FFF; display:block; width:100%; border:none; padding:5px; font-size:14px; cursor:pointer;}
#contacto .boton:hover{ background-color: #39F;}
#contacto hr{ border:none; border-top: 1px dotted #fff; margin-top:10px; margin-bottom:10px;}	


.txt-home{margin: 0px 25px 15px 25px; width:620px; text-align:justify; clear:both; display:block;}
.txt-home h2{ font-size:18px; text-transform:uppercase; color:#000; margin-bottom:20px;}
.txt-home p{ font-size:12px; color:#333; line-height:16px;}

#servicios{ font-size:11px; line-height:14px; background-image:url(../images/bg_servicios.gif); background-repeat:repeat-x; height:120px; padding: 20px 25px 20px 25px; margin-top:15px;}
#servicios h3{ font-size:14px; text-transform:uppercase; margin-bottom:2px; border-bottom:1px dotted #FFF; margin-left:70px; padding-bottom:2px;}
#servicios a{ position: absolute; z-index:3; margin-left:0px; margin-top:-114px; background-image:url(../images/mas_serv.png); background-repeat:no-repeat; background-position:bottom right; text-indent:-5000px; width:298px; padding-top:112px;}
#servicios a:hover{background-image:url(../images/mas_serv-hover.png);}

#servicios .rec01, #servicios .rec02, #servicios .rec03, #servicios .rec04{
	width:287px;
	height:114px;
	float:left;
	padding:10px 10px 0px 10px;
	color:#FFF;
	border-radius:3px;
}
#servicios .rec02, #servicios .rec03, #servicios .rec04{ margin-left:3px; }
#servicios .rec01{ background-image:url(../images/bg_rec01.jpg); border:1px solid #a40200;}
#servicios .rec02{ background-image:url(../images/bg_rec02.jpg); border:1px solid #d47516;}
#servicios .rec03{ background-image:url(../images/bg_rec03.jpg); border:1px solid #539130;}
#servicios .rec04{ background-image:url(../images/bg_rec04.jpg); border:1px solid #0696cb;}
#servicios img{ float:left; margin-right:10px; padding-bottom:30px;}

#footer{ font-size:12px; text-align:center; margin: 0px 25px 0px 25px; clear:both; border-top: 1px dotted #ccc; padding-top:8px;}



.contenido-int{ margin:0px 25px 10px 25px;}
.contenido-int h1{ background-image:url(../images/bg_h1-int.jpg); background-repeat:no-repeat; font-size:18px; text-transform:uppercase; color:#FFF; padding:12px 8px 8px 8px; line-height:18px; margin-bottom:35px;}

.contenido-int h2, .contenido-int h3, .contenido-int p{ margin-left:20px;}
.contenido-int h2, .contenido-int h3 { color:#000; text-transform:uppercase; margin-bottom:10px;}
.contenido-int h2{ font-size:15px;}
.contenido-int h3{ font-size:13px;}
.contenido-int p{ text-align:justify; padding-bottom:30px; line-height:18px;}
.contenido-int img[align~='right'], .contenido-int img[align~='left'] { border:5px solid #fff;box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;-webkitbox-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.8);}
.contenido-int img[align~='right']{ margin-left:30px; margin-bottom:10px;}
.contenido-int img[align~='left']{ margin-right:30px; margin-bottom:10px;}
.contenido-int ul.lista{ margin-left:40px; width:60%; margin-bottom:20px;}
.contenido-int ul.lista li{ list-style-type:square; padding-top:3px; padding-bottom:3px; border-bottom: 1px dotted #09F; line-height:18px;}

.contenido-int ul.clientes{ list-style-type:none; margin-left:3px;}
.contenido-int ul.clientes li{ margin-right:3px; padding:5px; width:218px; height:60px; float:left; border:1px solid #CCC; margin-bottom:5px; text-transform:uppercase; line-height:14px;}
.contenido-int ul.clientes li img{ background-color:#fff; width:80px; height:55px; float:left; margin-right:10px; border:1px solid #999;box-shadow: 0px 0px 0px #fff;}

.contenido-int .img-left{ float:left; margin-right:10px; box-shadows:none;}

.contenido-int hr{ clear:both; display:block; margin-top:10px; margin-bottom:10px;}

.contenido-int form{ margin-left:20px;}
/*estilos visiales*/

.sombra3{ box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;-webkitbox-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);}

.sombra5{ box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;-webkitbox-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px rgba(0,0,0,0.8);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);}

.redondo3{ border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.redondo5{ border-radius:5px;-mox-border-radius:5px;-webkit-border-radius:5px;}