@charset "utf-8";

/* CSS Document */

body,
html { font:11pt/14pt Arial, Helvetica, sans-serif; width:100%; height:100%; background:url(../images/headerCont.jpg) top repeat-x; color:#808080; min-width:1024px; min-height:600px;}

/*	TIPOGRAFÍA	*/
a:active{outline:none;}
:focus{-moz-outline-style: none;}

a {border-bottom:#808080 dashed 1px; text-decoration:none; color:#808080; }

#categorias a:hover { border-bottom:#808080 dashed 1px; font-style:italic; }

p.center { text-align:center; }
p.left { text-align:left; }

strong { font-weight:bold; }

h1 {font: 42pt/50pt "Times New Roman", Times, serif; text-transform:lowercase; text-align:right; }

h2 {font: 18pt/24pt "Times New Roman", Times, serif; color:#2A5C93;}

h2 a { border:none; color:#2A5C93;}

h3 {font: 12pt/16pt "Times New Roman", Times, serif; font-weight:bold; text-align:center;}

.floatRight { float:right; margin:8px;}
.floatLeft {float:left; margin:8px;}

.instamedClass li, .servitecClass li, .rotoClass li { list-style:disc; margin:0 0 10px 25px; }

li.primerGrado { list-style:disc; margin:0 0 10px 10px; }

li.segGrado { list-style:circle; margin:5px 0 0 20px;}

.primerGrado a {margin:0 20px; font-size:10pt; line-height:12pt; color:#A9AAAA; font-style:oblique; font-weight:normal; border-bottom:none;}

.primerGrado a:hover {color:#2A5C93;}

#menu li { font: 14pt/18pt Georgia, "Times New Roman", Times, serif; color:#FFF; }

#menu li.current a {color:#2A5C93;}

#menu li a { color:#FFF; border:none;}

#content p { margin:5px 0 10px 0; }

.cajasFooter p { font-size:9pt; line-height:10pt; margin:8px;}

#menuFooter li, #pie {font: 10pt/12pt "Times New Roman", Times, serif;}

#menuFooter li.current a, #menuFooter li a:hover {color:#677070;}

#menuFooter li a, #pie {color:#A9AAAA;}

#contactoId label {font: 13pt/16pt "Times New Roman", Times, serif; line-height:20pt; }

#contactoId p.center { width:650px;}

.inputC, #direccion {font-size:10pt;}

.producto { text-align:center; font-size:10pt;}

.producto a { border:none; color:#808080;}

.desProd {color:#AAA; font-style:italic;}

#contentProductos p {margin:0;}

.links {font-size:10pt;}

.links a {border:none; color:#808080; margin:0 3px;}

.links a:hover, .azul {color:#2A5C93;}

/* CONTENEDORES BASE */

#wrapper { position:relative; height:auto !important; min-height:100%;}

#header { background:url(../images/header.jpg) no-repeat top left; width:100%; height:315px; }

.scrolledContent, .contactoClass {position:relative;}

#editControlPanel {position:relative; margin:5px auto;}

#menu { position:absolute; top:90px; right:80px; width:505px; background: url(../images/menu.png) no-repeat scroll 15px bottom; height:40px;}

#menu li {display:block; float:left; padding-right:26px; height:40px;}

#contentWrapper { width:783px;  position:relative; margin:-171px auto 0;}

#contentTop {background:url(../images/contentWrapper.png) top no-repeat; position:absolute; top:0; left:0; width:100%; height:171px;}

#contentCW {padding:0 0 165px;}

#contentMiddle { background:url(../images/contentM.jpg) repeat-y; position:absolute; top:171px; bottom:54px; width:100%; }

#content { min-height:220px; padding:30px 60px 47px; position:relative;}
#content:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

#contentBottom { background:url(../images/contentBottom.jpg) no-repeat; width:100%; height:54px; position:absolute; bottom:0;}

#contentCajas { width:100%; height:115px; min-width:900px;}

#contentCajas:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

#footer {position:absolute; bottom:0; left:0; width:100%;}

.cajasFooter { width:25%; min-width:220px; float:left;}

.cajasFooter img {margin:5px; float:left;}

.cajasFooter a { color:#808080; border:none;}

#planetFooter, #prodFooter, #gasFooter { background:url(../images/cajasFooter.jpg) no-repeat right; height:85px; }

#gasFooter img {margin:15px 5px 0;}

#ductoFooter img {margin:5px 5px 0 5px;}

#menuFooter, #pie { margin:0 auto; width:480px;}

#menuFooter li {display:block; float:left; padding-right:16px; height:20px;}

#pie { text-align:center; display:block; padding-right:16px; }

/* LABOR ECOLOGICA */

#fibo {margin-bottom:20px;}
#player { position:absolute; top:260px; z-index:5; width:165px; text-align:center; }

#stop { background: url(../images/stop.jpg) no-repeat scroll 0 0; display:inline; line-height:24px; font-size:24px;}
#play { background: url(../images/play.jpg) no-repeat scroll 0 0; display:inline; line-height:24px; font-size:24px;}

#stop input, #play input, #stop .disable, #play .disable { border:none; background:none; line-height:0; font-size:0; color:#86CBF7; width:24px; height:24px; cursor:pointer;}

#stop.disable input, #play.disable input { cursor:default;}

#stop.disable { background: url(../images/stop-dis.jpg) no-repeat scroll 0 0; }
#play.disable { background: url(../images/play-dis.jpg) no-repeat scroll 0 0; }

/* CONTACTO */
#contactoId {width:700px; margin:0 auto; height:200px;}

#formId {width:450px; float:left;}

.labelC { width:150px; float:left; }

.inputC { color:#A9AAAA; width:280px; margin:5px; height:18px; border:#CADFEA 1px solid; background:url(../images/fondito.jpg) top no-repeat;}

#comentariosId {height:100px;}

#direccion {margin:5px 0 0 450px; padding-top:5px; width:215px;}

.formbutton { border:1px solid #7DAFB7; color:#808080; font-family:Georgia, "Times New Roman", Times, serif; margin-left:40px;}

/************************* PRODUCTOS ***************************/
#categorias { width:235px; margin:0 0 10px 0; float:left;}

#categorias a {border:none; font-size:10pt; line-height:18pt;  border-bottom:dashed 1px #CCC;}

#categorias h2 a { font-size: 18pt; border:none; line-height:24pt;}

.grado0 a { font-weight:bold;}

li.grado1 { margin-left:15px;}

li.grado2 { margin-left:30px;}

#productos {width:100%;}         /*TABLA*/

#productos td {vertical-align:top;}

#contentProductos { border-left: #BDF medium solid; padding-left:20px; width:405px; }

.producto { width:160px; float:left; height:180px; margin:8px; border:dashed 1px #CCC; padding:5px; position:relative;}

.fotoThumb
{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:150px;
	height:150px;
	background:#FFF;
	padding:5px;
}

.fotoThumb * { vertical-align:middle; }

/*\*//*/
	.fotoThumb { display:block;}
	.fotoThumb span { display:inline-block; height:100%; width:1px;}
/**/

p.nombreProd {position:absolute; bottom:15px; width:90px; left:45px;}

p.marcaProd {position:absolute; bottom:2px; width:90px; left:45px;}

.links { text-align:right; }

.links:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/*DETALLE PRODUCTO */

.cursiva { font-style:italic;}

#photoActual {text-align:center; padding:10px 0; clear:both; display:block; }

#photoActual:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

#photoActual #detallado { width:350px; float:left;}

#photoActual { font-size:10pt; }

#photoActual h2 { text-align:left;}

.detalle { text-align:center; width:310px; float:right;}

#photoActual p {margin:-5px 0 2px 0; color:#999;}

.photos {margin:10px 0 30px; clear:both; border-top: #BDF medium solid;}

.photos:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

.photos a { border:none;}

.photos img { border:dashed 1px #CCC; margin:5px; padding:2px; }

.photoDetalle { height:150px; width:150px; margin:10px; float:left; text-align:center;}

/* CONTACTO */
.errorMessagesContainer.contacto { text-align:center; margin:5px;}