/*RESET*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, q, input { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
* { margin:0; padding:0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img, iframe { border:none; }
ol, ul { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
select { margin: inherit; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
.clearfix:after { visibility:hidden; display:block; font-size: 0; content:" "; clear:both; height:0;  }
.clearfix { display:inline-table; }
/* Hide from IE Mac */
.clearfix { display:block; }
* html .clearfix {height: 1%;}
/* End hide from IE Mac */

/*GENERAL*/
.hide { left:-1000em; top:-1000em; position:absolute; width:0.1em; height:0.1em; overflow:hidden; }/*accesible*/
.clear { clear:both; }
.ie6, .ie7 .clear{ height:1%; }
.nob { border:none !important; }
.nom { margin:0 !important; }
.nop { padding:0 !important; }
.none { display:none !important; }
.left { width:auto; float:left !important; }
.right { width:auto; float:right !important; }
acronym { text-transform:none; }
body { font-family: Arial, Helvetica, sans-serif; color:#3A3A36; font-size:62.5%; background:#363636 url(../images/backgrounheader.png) 0 0 repeat-x; }
ul li { display:inline; }
a:hover { color:#D5D5D0; }
a { text-decoration:none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; }
p { font-size:1.2em; color:#F5F5F5; line-height:1.6em; margin-bottom:2em; }
.big { font-weight:600; }
#page { width:100%; min-height: 96.5%; height:auto !important; height:96.5%; margin:0 auto; }
#site { width:94.1em; margin:0 auto; }

.sel {font-weight:bold; } /* seleccionados */
.desel {color:#8F8F89; } /* inactivos */
hr { height:0px; width:100%; border:none 0; border-bottom:1px dashed #4D4D46; margin:4em 0 2em 0;  }
#ext { float:left; width:100%} /*para cuando necesite extenderse*/
p.textfoot { font-size:1.1em; line-height:3em;}
h4 { color:#BBBBB3; font-size:1.6em; padding-bottom:0.2em; }
h3 { color:#BBBBB3; font-size:2em; padding-bottom:0.2em; }
.pinf { padding-bottom:0.8em; }
.pinf2 { padding-bottom:7em; }

/*HOME*/
.home { background-image:none; }
img.logo { padding:8em 0 3em 6em; }
#contenthome { float:left; width:100%; padding-bottom:3em; }/*general*/
#contenthome ul { float:left; width:100%; font-size:1.2em; color:#F5F5F5; }
#contenthome ul li { float:left; width:19em; height:34.7em; line-height:1.4em; padding-left:5em; }
#contenthome ul li h2 { float:left; width:100%; font-size:1.7em; line-height:1em; text-transform:lowercase; }
#contenthome ul li h2 a { float:left; width:100%; padding-bottom:0.4em; color:#A5A598; }
#contenthome ul li .alingbott { display:table-cell; height:8.2em; width:19em; vertical-align:bottom; }/*alinea verticalmente las imágenes para firefox*/
#contenthome ul li img { display:block; margin:0 auto;  }/*alinea horizontalmente las imágenes*/
#contenthome ul li h2 a.imgrev { padding-top:11em; background:url(../images/bg_home_revestimientos.jpg) 50% 0 no-repeat; opacity:0.9; }
#contenthome ul li h2 a.imgrie { padding-top:11em; background:url(../images/bg_home_riego.jpg) 50% 0 no-repeat; opacity:0.9; }
#contenthome ul li h2 a.imgram { padding-top:11em; background:url(../images/bg_home_rampa.jpg) 50% 0 no-repeat; opacity:0.9; }
#contenthome ul li h2 a:hover { color:#FFFFFF; opacity:1; }

/*CABECERA*/
#header { float:left; width:100%; }
#header #logo { float:left; padding:1em 0 0 0; }
#header #navsecond { float:right; width:auto;  padding-top:1em; }
#header #navsecond li a { font-size:1.1em; text-transform:uppercase; color:#727272; padding:0.2em 0.8em; }
#header #navsecond li a:hover { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -o-border-radius: 0.5em; -icab-border-radius: 0.5em; -khtml-border-radius: 0.5em; background-color:#DBDBD7; border:0 none; color:#7C7C70;  }
#header #navsecond li span { font-size:1.1em; color:#D3D3CF; padding:0 0 0 0.4em; }/*cuadra los espacios laterales*/
#header #menuprinc { float:left; width:100%; padding-top:2.3em; background:url(../images/menusep.png) no-repeat 0 80%; }
#header #menuprinc ul { float:left; width:auto; }
#header #menuprinc li { float:left; width:auto; background:url(../images/menusep.png) no-repeat 100% 30%; padding-bottom:0.4em; }
#header #menuprinc li a { float:left; width:auto; font-size:1.2em; text-transform:uppercase; word-spacing:0.2em; color:#5B5B55; font-weight:600; padding:0 1.4em 0 1.3em; position:relative; }
#header #menuprinc li a:hover { color:#363636; }
#header #menuprinc li a.menusel { color:#363636; }


/*CONTENIDO*/
/*contenido central*/
#content { float:left; width:100%; padding-bottom:5em; }/*general*/
#content #breadcrumb { display:block; width:auto; height:1.52em; margin:5em 0 0 23em; }
#content #breadcrumb a { font-size:1.2em; color:#A5A598; font-weight:700; word-spacing:0.2em; text-transform:lowercase; }
#content #breadcrumb a:hover { color:#BBBBB3; }
#content #title { display:block; width:auto; margin:0 0 0.7em 22.8em; }
#content #logorhino { background:url(../images/rhinoLinings_logo.png) no-repeat right bottom; }
#content #logobetterbuilt { background:url(../images/img_logo_betterbuilt.gif) no-repeat right bottom; }
#content #logodramm { background:url(../images/img_logo_dramm.gif) no-repeat right bottom; }
#content #logotreegator { background:url(../images/img_logo_treegator.gif) no-repeat right bottom; }
#content h2 { color:#BBBBB3; font-size:2.8em; text-transform:lowercase; }



/*contenido*/
#contentbloq { float:left; width:71.3em; border-top:3px solid #62625B; } 
#contentbloqtext { float:left; width:71.3em; border-top:3px solid #62625B; } /*necesita ancho para ie (duplicado para bloques de texto)*/
/*layout simple*/
#bloqtext { float:left; width:57em; padding-top:2em; } 
/*layout doble*/
.bloq { float:left; width:100%; border-bottom:1px dashed #4D4D46; padding:2em 0 7em 0;}
.sep { border-top:1px dashed #4D4D46; }
#contentbloq .bloqlast { float:left; width:100%; padding-top:2em; } /*bloque sin línea*/
/*layout izq*/
#contentbloq .layoutizq{ float:left; width:33em; padding-right:5.2em; }
/*layout dcho*/
#contentbloq .layoutdcho { float:left; width:auto; }/*galeria*/
/*maquetación exepcional*/
#contentbloq .bloqimg { float:left; width:auto; }
#contentbloq .pleft { padding-left:1em}
#contentbloq .layoutizqred{ float:left; width:30.5em; padding-right:1em; }
/*maquetación listas*/
.bloqlist { float:left; width:100%; padding:2em 0 0 0;}
.list { padding:0 0 3em 2.5em; font-size:1.2em; color:#F5F5F5; }/*incluir la lista en un div tiene margen inferior*/
.listlast { padding-left:2.5em; font-size:1.2em; color:#F5F5F5;  }/*lista a sangre*/
.list ul, .list li, .listlast ul, .listlast li { display:list-item; }
.list li, .listlast li { list-style:square outside; line-height:2em; }
/* SIDEBAR*/
#sidebar { float:left; width:19em; width:20em; margin:0 2.8em 0 0; border-top:3px solid #62625B; color:#A5A598;} 
#sidebar ul { float:left; width:100%; margin-top:2em; }
#sidebar ul li { float:left; width:100%; padding:0.6em 0 0.6em 0.4em; font-size:1.1em; text-transform:uppercase; }
#sidebar ul li a { color:#A5A598; }
#sidebar ul li a:hover { color:#D5D5D0; } /*igual que el general*/
#sidebar ul li.sel { color:#CECEC8; } /* color seleccionados */
#sidebar #contacto { padding:2em 0 0 0; }
#sidebar #contacto p { line-height:1.5em; margin-bottom:1em;}
#sidebar #contacto p span.spam { direction: rtl; unicode-bidi:bidi-override;}

/*FORMULARIO DE CONTACTO*/
	
#contentform #cont_form { float:left; width:57em; padding-top:2em; }
#contentform #cont_form form { float:left; width:auto; border:0; }
#contentform #cont_form form label { float:left; line-height:1.5em; margin-bottom:3em; }
#contentform #cont_form form label.m1 { margin-right:1.5em; }
#contentform #cont_form form label.last { margin-bottom:1.5em; }
#contentform #cont_form form label span { clear:both; display:block; margin-bottom:0.4em; position:relative; color:#F5F5F5; font-size:1.2em;  }
#contentform #cont_form form input { margin:0; font-size:1.2em; border:2px solid #62625B; background-color:#363636; color:#F5F5F5; }
#contentform #cont_form .field, .textarea { float:left;  font-size:1.2em; margin:0; padding:0.3em; }
#contentform #cont_form .textarea { float:left; width:45.5em; height:8.5em; padding:0 0.3em !important; color:#F5F5F5; border:2px solid #62625B; background-color:#363636; line-height:1.5em; font-size:1.2em; margin:0; padding:0; overflow:auto; }
#contentform #cont_form .w1 { width:18em; }  
#contentform #cont_form .w2 { width:26em; }  
#contentform #cont_form .w3 { width:9.2em; }  
#contentform #cont_form .w4 { width:45.5em; }  
#contentform #cont_form .button { float:right; width:7em; height:2.2em; margin-right:1.3em; margin-top:0.8em; background:url(../images/bg_buttonIzq.jpg) 0 0 no-repeat; display:inline; }
#contentform #cont_form .button input { float:right; width:100%; height:2em; line-height:2em; border:none; outline:0 !important; background:url(../images/bg_buttonDcha.jpg) 100% 0 no-repeat; text-align:center; vertical-align:middle; color:#484844; font-size:1.2em; font-weight:bold; display:inline; cursor:pointer; }
label.error { clear:both; color:#F5F5F5; font-size:1.1em; font-weight:normal; white-space:nowrap; float:left; width:100%; margin:0.3em 0 -2em 0 !important; background-color:#7D1517; text-indent:0.4em; }

/*PIE*/

#ft { float:left; width:100%; border-top:3px solid #4F4F48; padding:0.4em 0 1em 0; display:inline; font-size:1.1em; color:#77776F; text-transform:uppercase;}
#ft a { color:#878781; position:relative; }
#ft a:hover { text-decoration:underline;  }
#ft #ftdcha { float:right; }
#ft #ftizq { float:left; }