/* - - - - - - - - - - - - - - - - - - - - -

Title : t-fiberglass.com
Author : cesar@cesargarcia.com
URL : www.cesargarcia.com

Description : 

Created : 11-01-2009
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* { margin: 0; padding: 0; font-family: Trebuchet MS, sans-serif; list-style: none; }

html{ margin: 0; padding: 0; background: none; }

/*body{ margin: 0; padding: 0; background: url(../img/bg_body.gif) repeat-x #00629f; }*/

/* cambios de última hora */
body{ margin: 0; padding: 0; background: url(../img/bg_body.gif) repeat-x #16c6ff; }
* p { text-align: justify; }
/* cambios de última hora */

a img { border: none; }

/* ----- IDS ----- */

#container{  width: 750px; margin: 0 auto; padding:; background: url(../img/bg_container.gif) repeat-x #045a97; text-align: left; }

#t-fiberglass { margin: 0 10px; background: #fff; }
#t-fiberglass.interior { background: url(../img/bg_header_int.jpg) no-repeat #fff; }

/* cabeceras */
div.empresa { background: url(../img/bg_header_empresa.jpg) no-repeat #fff !important; }
div.instalaciones { background: url(../img/bg_header_instalaciones.jpg) no-repeat #fff !important; }
div.grupo { background: url(../img/bg_header_grupo.jpg) no-repeat #fff !important; }
div.contacto { background: url(../img/bg_header_contacto.jpg) no-repeat #fff !important; }

div.productos { background: url(../img/bg_header_productos.jpg) no-repeat #fff !important; }
div.p3500 { background: url(../img/bg_header_p3500.jpg) no-repeat #fff !important; }
div.t70lightest { background: url(../img/bg_header_t70lightest.jpg) no-repeat #fff !important; }
div.p26000 { background: url(../img/bg_header_p26000.jpg) no-repeat #fff !important; }
div.semi { background: url(../img/bg_header_semi.jpg) no-repeat #fff !important; }
div.amedida { background: url(../img/bg_header_amedida.jpg) no-repeat #fff !important; }



#header { height: 292px; overflow: hidden; width: 100%; }
#t-fiberglass.interior #header { height: 262px; }

/* imágenes de fondo */
.home { background: url(../img/bg_header_home.jpg) no-repeat; }

#logo { margin: 0 0 0 10px; float: left; }
#logo a { background: url(../img/logo_t-f.png) no-repeat top left; width: 279px; height: 113px; display: block;  }
#logo a.nologo { background: none;  }
#logo a span { display: none; }

#lang { float: right; }
#lang ul { margin: 15px; }
#lang ul li { display: inline; float: left; margin: 1px 6px; }
#lang ul li.activo { border: 1px solid #fff; margin: 0 5px; }
#lang ul li:hover { border: 1px solid #fff; margin: 0 5px; }
#lang ul li.es { background: url(../img/es.gif);}
#lang ul li.fr { background: url(../img/fr.gif);}
#lang ul li.gb { background: url(../img/gb.gif);}
#lang ul li.de { background: url(../img/de.gif);}
#lang ul li a { display: block; width: 16px; height: 11px; }
#lang ul li a span { display: none; }

.home #navigation { padding: 0 0 15px; background: url(../img/bg_navigation.gif) no-repeat bottom center; }
.home #navigation ul { background: url(../img/bg_menu.gif) repeat-x; height: 44px; padding: 0 0 0 8px; }
.home #navigation ul li { display: inline; }

.home #navigation ul li a { height: 44px; display: block; float: left; margin: 0 9px; }
.home #navigation ul li a span { display: none; }

#footer { clear: both; border-top: 1px solid #ededed; padding: 15px 0; text-align: left; background: #f5f5f5 url(../img/logo_iso.gif) no-repeat 600px 10px; height: 60px; }
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #5c5c5c; background: url(../img/bg_footer.gif) no-repeat 25px 3px; padding-left: 45px; }
#footer p a, #footer p span { color: #0e81b5; text-decoration: none; }

/* sólo en la home */
.home h2 { color: #8f8f8f; font-size: 1em; font-weight: normal; padding: 3px 25px; background: #f5f5f5; border: 1px solid #ededed; border-left: none; border-right: none; }

/* interior */
.interior #contenedor { padding: 0px 30px; overflow: hidden; }
.home #contenedor { padding: 0px 15px; overflow: hidden; font-size: 11px !important;  }

.interior #contenedor #navigation { float: left; width: 220px; background: url(../img/bg_menu_interior.gif) top no-repeat; display: block; overflow: hidden; }
.interior #contenedor #navigation ul { margin-top: 90px; padding: 0 8px; }
.interior #contenedor #navigation ul li { border-top: 1px solid #ededed; background: #fff; padding: 10px 20px; }
.interior #contenedor #navigation ul li.ultima { border-bottom: 1px solid #ededed; }
.interior #contenedor #navigation ul li.aqui { background: #f5f5f5; }
.interior #contenedor #navigation ul li a { color: #656666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; background: url(../img/bg_menu_ul_interior.gif) no-repeat 0px 2px; padding-left: 10px; }
.interior #contenedor #navigation ul li a:hover { color: #22b3c4; background: url(../img/bg_menu_ul_interior_h.gif) no-repeat 0px 2px;  }

/* menu interior */
.interior #contenedor #navigation ul ul { margin-top: 5px; }
.interior #contenedor #navigation ul li ul li { border-top: none; border-bottom: 1px solid #fff; background: none; padding: 4px 10px; }
.interior #contenedor #navigation ul li ul li.ultima { border-bottom: none; }

.interior #contenedor #navigation ul li.aqui a { color: #22b3c4; background: url(../img/bg_menu_ul_interior_aqui.gif) no-repeat 0px 2px;  }
.interior #contenedor #navigation ul li.aqui ul li a { background: url(../img/bg_submenu_ul_interior_aqui.gif) no-repeat 0px 2px;  }

.interior #contenedor #navigation p { text-align: center; }
.interior #contenedor #navigation p img { margin: 30px auto 125px auto;  }

/* contenido */
.home #contenedor #contenido { margin: 15px 10px;  }
.interior #contenedor #contenido { float: right; width: 420px; }

/* home estructura */
.home #contenedor #contenido #bienvenida { float: left; width: 300px; height: 232px; background: url(../img/bg_intro.gif) no-repeat; }
.home #contenedor #contenido #bienvenida p { color: #fff; padding: 25px 25px 5px 25px; line-height: 13px; }
.home #contenedor #contenido #bienvenida p:last-child { margin-bottom: 0px; }

.home #contenedor #contenido #video { float: right; width: 50%; background: url(../img/video.jpg) no-repeat bottom right; padding: 0 0 25px 0; }

#produtos { clear: both; margin: 20px 0 !important; }
#produtos ul { margin: 20px 5px !important;  }
#produtos ul li { display: inline; margin: 10px 5px; }

/* accesorios */
.pre-slider-buttons { float: left; margin-right: 10px; }
.pre-slider-buttons #previous { background: url(../img/atras.gif) no-repeat top; width: 64px; height: 64px; display: block; cursor: pointer; }
.pre-slider-buttons #previous:hover { background: url(../img/atras.gif) no-repeat bottom; }

.next-slider-buttons { float: left; }
.next-slider-buttons #next { background: url(../img/adelante.gif) no-repeat top; width: 64px; height: 64px; display: block; cursor: pointer; }
.next-slider-buttons #next:hover { background: url(../img/adelante.gif) no-repeat bottom; }

#slider-stage{ float: left; width:540px; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:70px; margin:0 auto; }
#slider-list li { list-style:none;  margin:0;  padding:0;  border:0; margin-right:4px; padding:4px;  float:left; }
#slider-list li img{ padding: 1px; border: 1px solid #787878; }

/* titulares */
h2 span { display: none; }

/* submenu */

#subnav { margin-bottom: 25px; }
#subnav ul li { background: url(../img/subnav_bg.gif) no-repeat right; }
#subnav ul li:hover { background: #f5f5f5 url(../img/subnav_bg_hover.gif) no-repeat right; }
#subnav ul li a { color: #656666; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #ededed; display: block; padding: 3px 18px; background: url(../img/subnav_activo.gif) no-repeat 10px 8px; }
#subnav ul li a:hover { color: #22b3c4; background: url(../img/m_li.gif) no-repeat 10px 10px; }

/* activo */
#subnav ul li.activo { background: #f5f5f5 url(../img/subnav_bg_hover.gif) no-repeat right; }
#subnav ul li.activo a { color: #22b3c4; background: url(../img/m_li.gif) no-repeat 10px 8px; }

/* MAPA DE CONTACTO */
.mapa { background: url(../img/bg_p_img.png) no-repeat bottom right; padding-bottom: 17px; margin-bottom: 15px;  }
.GMapEZ { width: 100%; height: 300px; }
.GMapEZ div { font-size: 14px; }
.GMapEZ div p { color: #535353; }
.GMapEZ div p strong { font-weight: bold;  color: #46bac9; font-size: 13px; }

/* secciones */
.seccion { clear: both; margin: 25px 0; }
.seccion p.img { float: right; margin-left: 20px; background: url(../img/bg_p_img.png) no-repeat bottom; padding-bottom: 17px; }
.seccion p.img img { border: 1px solid #22b3c4; }
.seccion p { margin-bottom: 17px; color: #535353; font-size: 0.7em; line-height: 125%; }
.seccion p span { color: #0e81b5; }
.seccion p a { color: #0e81b5; }

.seccion ul { margin: 0 25px 25px 25px; color: #535353; font-size: 0.7em; line-height: 125%;}
.seccion ul li { margin: 5px 0; list-style: circle; }

.seccion #table-grosores div { margin: 15px 0; background: url(../img/bg_p_img.png) no-repeat bottom right; padding-bottom: 17px; }
.seccion #table-grosores div { color: #535353; font-size: 0.7em; }
.seccion #table-grosores table { width: 100%; }
.seccion #table-grosores table tr th { color: #a6a3a3; font-weight: normal; text-align: center; width: 16.6%; }
.seccion #table-grosores table tr th span { color: #a6a3a3; font-weight: bold; width: 70px; }
.seccion #table-grosores table table.super { width: 100%; }
.seccion #table-grosores table table { border: 1px solid #ededed; color: #22b3c4; font-weight: bold; text-align: center; width: 340px; }
.seccion #table-grosores table table tr.par td { background: #f5f5f5; }

.seccion #produtos { clear: both; margin: 20px 0 !important; }
.seccion #produtos ul { margin: 20px 0 !important;  }
.seccion #produtos ul li { display: inline; margin: 15px 25px; }

.seccion .equipamiento { clear: both; margin: 20px 0 !important; }
.seccion .equipamiento ul { margin: 15px 0 !important;  }
.seccion .equipamiento ul li { display: inline; margin: 10px 5px; }
.seccion .equipamiento ul li img { padding: 1px; border: 1px solid #787878; }

.seccion div.contactar { margin: 0 50px; }
.seccion form { margin: 0 50px 25px 50px; color: #535353; font-size: 0.7em; }
.seccion form fieldset { border: none; }
.seccion form legend { display: none; }
.seccion form div { margin: 10px 0; }
.seccion form label { display: block; }
.seccion form input, .seccion form textarea  { border: 1px solid #22b3c4; width: 100%; font-size: 1.2em; }
.seccion form div p { font-size: 0.9em; }

.seccion form input#submit { background: url(../img/bg_button.gif) repeat-x; border: none; height: 29px; padding: 0 25px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: Trebuchet MS; cursor: pointer; }



.seccion .top { clear: right; background: #f5f5f5; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; text-align: right; }

h5 { color: #22b3c4; font-weight: normal; font-size: 12px; padding: 3px 0; border-bottom: 1px solid #ededed; text-align: left; }