/* CSS tecotur.com */

* { margin:0; padding:0; }
body { background:#F5F5F5; }
:focus { -moz-outline-style: none;}
hr { display:block; clear:both; visibility:hidden; font-size:0;}
h1 { display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; background:#f0891a; margin:0; padding:8px 10px 0 0; height:22px;}
h2 { display:block; clear:both; font-family:Tahoma, Arial, Verdana; font-size:20px; color:#f0891a; font-weight:normal; background:url(../images/sub_h2.jpg) no-repeat bottom; margin:10px 0; padding:0 0 5px 0; width:736px;}
h2.tit { padding:0; background:none; margin:10px 0 0 0;}
h3 { display:block; float:left; width:442px; font-family:Tahoma, Arial, Verdana; font-size:13px; color:#f0891a; margin:10px 0; padding:0 0 5px 0; }
h4 { color:#666; font-size:14px; font-weight:normal; font-family:Tahoma, Verdana, Arial; width:442px; margin:0; padding:0 0 15px 0;}

a { font-family:Tahoma, Arial, Verdana; color:#F0891A; text-decoration:none;}
a:hover { text-decoration:underline;}

/* aviaslider */
.aviaslider{ width:756px; height:182px; overflow:hidden;position: relative;	margin:20px 0; }
.aviaslider img { width:756px; height:182px; }
.aviaslider li, .aviaslider .featured{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 1;}
.js_active .aviaslider li, .js_active .aviaslider .featured{display:none;}
.aviaslider img, .aviaslider a img, .aviaslider a{border:none;text-decoration: none;}
.slidecontrolls{ display:none; }
/* ********** */

/*----CONTENEDOR----*/
#contenedor { display:block; clear:both; width:950px; padding:0; margin:0 auto;}
#contenido { display:block; clear:both; width:950px; padding:0 0 20px 0; margin:0; border-bottom:3px solid #f0891a;}

/*----COLUMNA IZQUIERDA----*/
#contenido .cont_izq { display:block; float:left; width:756px; margin:0; padding:20px 20px 0 0;}

/*---HEADER---*/
#contenido #header { display:block; clear:both; width:756px;}
#contenido #header .logo { display:block; float:left; margin:0; padding:0;}
#contenido #header .linea { background:url(../images/linea_hor_header.jpg) no-repeat bottom center; width:400px; display:block; float:left; height:35px; margin:0 10px 0 15px; padding:0 0 10px 0; }
#contenido #header .idiomas { display:block; float:left; width:100px; font-family:Tahoma, Arial, Verdana; font-size:10px; color:#b4b4b4; text-align:right; padding:27px 0 5px 0; }
#contenido #header .idiomas img { margin:0; padding:0 0 0 5px;}
#contenido #header .tecno { display:block; float:left; margin:0; padding:0;}

#contenido #header .telefonos { display:block; float:left; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#F0891A; padding:5px 0 0 0; }
#contenido #header .telefonos em { display:block; clear:both; font-style:normal;}
#contenido #header .telefonos strong { font-size:19px; font-weight:normal; }

/*---MENU---*/
#menu { display:block; clear:both; width:738px; background:#F0891A url(../images/bg_menu.jpg) no-repeat; height:40px; margin:20px 0 0 0; padding:0 0 0 18px;}
.sf-menu { margin:0; padding:0; list-style:none; }
.sf-menu li { float:left; margin:0; padding:0; }
.sf-menu span { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; text-align:center;}
.sf-menu li a { padding:14px 0 0 0; height:26px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; text-align:center; margin:0 0 0 2px;}
.sf-menu li a.empresa { width:93px; background:none; text-decoration:none;}
.sf-menu li a.empresa:hover, #contenido ul.sf-menu li a.empresa_s { background:url(../images/bg_menu_hover.jpg) repeat-x; width:93px; text-decoration:none;}
.sf-menu li a.poliestileno { width:185px; background:none; text-decoration:none;}
.sf-menu li a.poliestileno:hover, #contenido ul.sf-menu li a.poliestileno_s { background:url(../images/bg_menu_hover.jpg) repeat-x; width:185px; text-decoration:none;}
.sf-menu li a.construccion { width:161px; background:none; text-decoration:none;}
.sf-menu li a.construccion:hover, #contenido ul.sf-menu li a.construccion_s { background:url(../images/bg_menu_hover.jpg) repeat-x; width:161px; text-decoration:none;}
.sf-menu li a.envase { width:187px; background:none; text-decoration:none;}
.sf-menu li a.envase:hover, #contenido ul.sf-menu li a.envase_s { background:url(../images/bg_menu_hover.jpg) repeat-x; width:187px; text-decoration:none;}
.sf-menu li a.cont { width:82px; background:none; text-decoration:none;}
.sf-menu li a.cont:hover, #contenido ul.sf-menu li a.cont_s { background:url(../images/bg_menu_hover.jpg) repeat-x; width:82px; text-decoration:none;}

/*---CONTENIDO---*/
/*---HOME---*/
#contenido .rec_naranja_cen { display:block; clear:both; width:756px; background:url(../images/bg_rec_centro.jpg) repeat-y; margin:0 0 20px 0;}
#contenido .rec_naranja_top { display:block; clear:both; width:756px; background:url(../images/bg_rec_top.jpg) no-repeat top;}
#contenido .rec_naranja_bot { display:block; clear:both; width:746px; background:url(../images/bg_rec_bottom.jpg) no-repeat bottom; padding:0 0 20px 10px;}
#contenido .links_productos { display:block; clear:both; border-bottom:1px solid #f0891a; border-top:1px solid #f0891a; width:735px; padding:10px 0 0 0; margin:8px 0 0 0;}
#contenido .links_productos img { margin:0; padding:0 0 10px 0;}
#contenido .links_productos .colum1 { display:block; float:left; width:255px; margin:0; padding:0;}
#contenido .links_productos .colum2 { display:block; float:left; width:220px; padding:0 5px; margin:0;}
#contenido .links_productos .colum3 { display:block; float:left; width:250px; margin:0; padding:0;}
#contenido .sistemas { display:block; clear:both; border-bottom:1px solid #f0891a; width:735px; padding:10px 0; margin:0;}
#contenido .sistemas .colum1 { display:block; float:left; width:255px; margin:0; padding:0;}
#contenido .sistemas .colum2 { display:block; float:left; width:220px; padding:0 5px; margin:0;}
#contenido .sistemas .colum3 { display:block; float:left; width:250px; margin:0; padding:0;}
#contenido img.banner1 { display:block; float:left; padding:0 16px 0 0;}
#contenido img.banner2 { display:block; float:left; padding:0;}

/*---LA EMPRESA---*/
#contenido .indice { display:block; clear:both; font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; margin:0; padding:15px 0 15px 2px;}
#contenido .indice a { font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; text-decoration:none;}
#contenido .indice a:hover { font-family:Tahoma, Arial, Verdana; font-size:11px; color:#f0891a; text-decoration:underline;}
#contenido .empresa_detalle { display:block; clear:both; width:716px; padding:10px;}
#contenido .empresa_detalle p { display:block; float:left; width:442px; font-family:Tahoma, Arial, Verdana; font-size:13px; color:#333; line-height:130%; margin:0; padding:0 14px 0 0; text-align:justify;}
#contenido .empresa_detalle img { display:block; float:left; margin:0; padding:25px 0 0 0;}

/*----FABRICACION Y DISTRIBUCION----*/
#contenido .rec_naranja_bot .col_izq { display:block; float:left; width:442px; margin:0; padding:0 20px 0 0;}
#contenido .rec_naranja_bot .col_der { display:block; float:left; width:250px; margin:0; padding:0;}
#contenido .rec_naranja_bot .col_izq img.mapa_dis { padding:30px 0 0 60px;}
#contenido .rec_naranja_bot .col_der span.haga_click { display:block; clear:both; font-family:Tahoma, Arial, Verdana; font-size:11px; color:#666; background:url(../images/click.gif) no-repeat center top; margin:0; padding:35px 0 0 0; text-align:center;}
#contenido .rec_naranja_bot .col_der .thumb { display:block; float:left; padding:0 10px 10px 0; margin:0; width:120px; height:90px;}
#contenido .rec_naranja_bot .col_der .thumb img, #contenido .rec_naranja_bot .col_der .thumb2 img { margin:0; padding:0;}
#contenido .rec_naranja_bot .col_der .thumb2 { display:block; float:left; padding:0 0 10px 0; margin:0; width:120px; height:90px;}

/*----DEPARTAMENTO DE CALIDAD----*/
#contenido .rec_naranja_bot .col_der img.ce { display:block; clear:both; margin:0; padding:0;}
#contenido .pdfs { display:block; clear:both; width:706px; background:url(../images/linea_hor_pdfs.jpg) no-repeat top center; margin:15px 0 0 0; padding:10px 20px 0 0;}
#contenido .pdfs a.pdf { display:block; float:left; background:url(../images/icono_pdf.jpg) no-repeat left; height:18px; margin:0; padding:7px 20px 0 32px; text-decoration:none; font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333;}
#contenido .pdfs a.pdf:hover { text-decoration:underline;}


/*----EL POLIESTILENO EXPANDIDO----*/
#contenido .col_der img.poli { margin:0; padding:0;}


/*----OBRAS DESTACADAS----*/
.obra { display:block; width:720px; margin:0 0 20px 0; font-family:Tahoma, Verdana, Arial;}
.obra h6 { font-size:16px; color:#000; margin:0; padding:0 0 10px 0; font-weight:normal; }
.obra h6 strong { font-weight:bold; }
.obra div { border:1px solid #000; padding:10px; height:180px; font-size:12px; line-height:150%;  }
.obra div .desc { width:240px; float:right; padding:5px 0 0 0; }
.obra div .fotos { width:430px; float:left;}
#contenido .obra div .fotos img { margin:0 0 10px 0; padding:0 10px 0 0; border:0; }
.obra div .fotos span.haga_click { display:block; clear:both; font-family:Tahoma, Arial, Verdana; font-size:11px; color:#666; background:url(../images/click.gif) no-repeat center top; margin:0; padding:35px 0 0 0; text-align:center;}

/*----PROPIEDADES DEL EPS TECOPOL----*/
#contenido .col_der img.eps { margin:0; padding:0;}

/*----CONTACTO----*/
#contenido .col_izq img.localizacion { margin:0; padding:0;}
#contenido .col_der .tecotur_ciudad { display:block; clear:both; width:250px; margin:0 0 20px 0; padding:0;}
#contenido .col_der .tecotur_ciudad p { display:block; clear:both; font-family:Tahoma, Arial, Verdana; font-size:13px; color:#333; line-height:130%; margin:0; padding:0; width:250px;}
#contenido .col_der .tecotur_ciudad p strong { color:#F0891A; margin:0; padding:0;}
#contenido .col_der .tecotur_ciudad p a.tecoinfo { display:block; clear:both; color:#333; text-decoration:none; font-weight:bold;}
#contenido .col_der .tecotur_ciudad p a.tecoinfo:hover { text-decoration:underline;}
#contenido .col_der .tecotur_ciudad img.llegar { display:block; float:right; margin:0; padding:0;}
#contenido .formulario { display:block; clear:both; width:716px; padding:10px;}
#contenido .formulario p { display:block; clear:both; width:714px; font-family:Tahoma, Arial, Verdana; font-size:13px; color:#333; line-height:130%; margin:0; padding:0;}

form#form_contacto { padding:20px 0 0 15px; width:705px; height:350px; background:#e8e7e8 url(../images/bg_contacto_form.jpg) no-repeat; margin:20px 0 0 0;}
form#form_contacto label { display:block; clear:both; padding:0 0 5px 0; margin:0; height:25px;}
form#form_contacto label.txt { height:85px;}
form#form_contacto strong { display:block; width:90px; float:left; text-align:right; color:#333; font-size:13px; font-weight:normal; padding: 5px 5px 3px 0; margin:0; font-family:Tahoma, Arial, Verdana; }
form#form_contacto input{ font-family:Tahoma, Arial, Verdana; background:#FFF; width:220px; height:15px; border:0; padding:5px; font-size:12px; margin:0;}
form#form_contacto textarea { background:#FFF; width:560px; height:75px; border:0; padding:5px; overflow:auto; font-family:Tahoma, Arial, Verdana; font-size:12px; margin:0;}
form#form_contacto input.validacion { font-family:Tahoma, Arial, Verdana; background:url(../images/bg_validacion.jpg) no-repeat; width:110px; height:15px; border:0; padding:5px 120px 5px 5px; margin:0 0 0 0; font-size:12px;}
form#form_contacto label.btn { text-align:right; padding:0 40px 0 0; margin:0;}
form#form_contacto label.btn input#enviar { background:url(../images/btn_enviar.jpg) no-repeat; width:100px; height:30px; float:right; margin:0; padding:0;}
form#form_contacto div.form { display:block; float:left; width:340px; margin:0; padding:0;}

form#form_indicaciones { font-family:Tahoma, Verdana, Arial; color:#333; font-size:12px; padding:15px 0 0 0; border-top:1px solid #ccc; margin:15px 0 0 0; }
form#form_indicaciones label { display:block; clear:both; padding:0 0 10px 0;}
form#form_indicaciones strong { font-weight:normal; display:block; clear:both; padding:0 0 5px 0; }
form#form_indicaciones input { border:1px solid #ccc; width:200px; padding:3px; color:#000; font-family:Tahoma, Verdana, Arial; font-size:13px;}
form#form_indicaciones input#enviar { border:1px solid #999; width:205px;}

/* General */

#contenido .general { display:block; clear:both; width:716px; padding:10px;}
#contenido .general div { display:block; float:left; width:452px;  }
#contenido .general div.long { width:710px;}
#contenido .general div.long p { padding:0 0 10px 0;}
#contenido .general div.long h3 { display:block; clear:both; width:710px;}
#contenido .general div p { text-align:justify; font-family:Tahoma, Arial, Verdana; font-size:13px; color:#333; line-height:130%; margin:0; padding:0 15px 10px 0; }
#contenido .general img { display:block; float:left; margin:0; padding:20px 0;}

.col_izq ul, .general ul { list-style:none; margin:0; padding:10px 10px; font-family:Tahoma, Verdana, Arial; font-size:13px; color:#333; display:block; clear:both; }
.col_izq ul li, .general ul li { background:url(../images/arrow.gif) no-repeat left top; padding:0 0 8px 15px;}


/*----COLUMNA DERECHA----*/
#contenido .cont_der { display:block; float:left; width:174px; background:#f0891a; margin:0; padding:20px 0 0 0;}
#contenido .cont_der img { display:block; clear:both; margin:0; padding:0 0 10px 0;}
#contenido .cont_der img.top { padding:10px 0;}
#contenido span.tit { display:block; clear:both; background:url(../images/bg_tit_columna_der.gif) no-repeat left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; margin:0 0 12px 0; padding:8px 0 0 10px; width:164px; height:22px;}
#contenido .cont_der .noticia { display:block; clear:both; margin:0; padding:0 0 15px 13px; width:147px;}
#contenido .cont_der .noticia span.fecha { display:block; clear:both; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0; padding:0;}
#contenido .cont_der .noticia p { display:block; clear:both; margin:0; padding:7px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:130%;}
#contenido .cont_der .novedad { display:block; clear:both; width:140px; padding:0 0 20px 16px; margin:0;}
#contenido .cont_der .novedad p { display:block; clear:both; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0; padding:0;}


/*----FOOTER----*/
#footer { display:block; clear:both; width:950px; margin:0; padding:0 0 40px 0;  font-family:Tahoma, Verdana, Arial;}
#footer img.logos_der { display:block; float:right; margin:0; padding:20px 0 0 0;}
#footer img.logo_gforel { display:block; float:left; margin:0; padding:20px 0 0 0;}
#footer .links { display:block; clear:both; text-align:right; font-size:11px; padding:10px 0; }
#footer .links a { color:#333; padding:0 0 0 10px;}
#footer div { background:#F0891A; color:#fff; font-size:11px; padding:10px; height:30px; line-height:140%; }
#footer div span { float:right; text-align:right; }
