/*-----------------------------------------------------------------------------
Confiniti (Main Cascading Style Sheet)

Author:     Gustavo Santana
Website:    http://www.gusantana.com/
Email:      gustavo@gusantana.com
-----------------------------------------------------------------------------*/

/* =Reset
-----------------------------------------------------------------------------*/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, img, blockquote, q,
a, em, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

img { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

body { font: 62.5% Arial, Helvetica, sans-serif; background: #c6e8f2; }

/* =General
-----------------------------------------------------------------------------*/

html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

p { padding-bottom: 10px; font: 1.2em Tahoma, Arial, Helvetica, sans-serif; line-height: 135%; color: #666; }
li { font-size: 1.2em; color: #666; }

#ct_wrap { padding-bottom: 120px; background: url(../img/bg_clouds.jpg) no-repeat top center; }
#hr_wrap { border-bottom: 2px solid #383d43; height: 128px; background: #1e2329; }
#fr_wrap { position: relative; margin-top: -120px; border-top: 2px solid #3c4249; height: 118px; clear: both; background: #1e2329; }

#hr, #ct, #fr { margin: 0 auto; width: 960px; }
#hr { position: relative; }
#ct { padding-top: 4px; }
#fr { padding-top: 40px; text-align: right; }

#logo { position: absolute; top: 16px; left: 0; width: 209px; height: 97px; text-indent: -9999px; background: url(../img/logo.gif) no-repeat; }
#tel { position: absolute; top: 44px; right: 0; width: 312px; height: 40px; text-indent: -9999px; background: url(../img/tel.gif) no-repeat; }

#copyright { padding: 0 10px 0 0; font-size: 1.1em; color: #6f7883; }

/* =Nav
-----------------------------------------------------------------------------*/

#nav { float: left; padding: 0 8px; width: 944px; height: 45px; background: #015bc6 url(../img/bg_nav.gif) repeat-x; }
#nav li { float: left; padding: 9px 4px 0 0; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#nav li span { float: left; }
#nav li span span { padding: 0 16px; cursor: pointer; }
#nav li.active span { background: url(../img/nav_left.gif) no-repeat; }
#nav li.active span span { background: url(../img/nav_right.gif) no-repeat top right; }
#nav li.last { padding-right: 0; }

#nav_fr { padding-bottom: 6px; }
#nav_fr li { display: inline; padding: 0 10px; border-right: 1px solid #525961; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; }
#nav_fr li.first { padding-left: 0; }
#nav_fr li.last { border: 0; }

/* =Content
-----------------------------------------------------------------------------*/

#cols { padding-top: 8px; }

#content { float: left; padding: 0 8px 20px 0; width: 637px; }
#side { float: left; padding-bottom: 20px; width: 315px; }

.cnt_box { margin-bottom: 8px; padding: 12px; background: #fff; }
#content .cnt_box { padding-bottom: 15px; }
#content .cnt { padding-right: 20px; }

.cnt_box h2 { margin-bottom: 15px; padding: 0 10px; height: 41px; font-size: 1.5em; line-height: 41px; text-transform: uppercase; color: #fff; background: #015ac5 url(../img/bg_cnt_box_title.gif) repeat-x; }
.cnt_box h2 span { display: block; padding-left: 34px; background-repeat: no-repeat; }
.cnt_box h2.normal { height: 30px; font-size: 1.8em; line-height: normal; text-transform: capitalize; color: #015ac5; background: none; }
.cnt_box h3 { padding-bottom: 8px; font-size: 1.2em; }
.cnt_box ul { padding-bottom: 10px; }
.cnt_box li { margin-left: 5px; padding: 0 0 12px 22px; background: url(../img/bullet.gif) no-repeat; }

.cnt_box .read_more { float: right; padding: 0 5px 0 0; }

#t_bienvenido span { background-image: url(../img/icon_bienvenido.gif); }
#t_nosotros span { background-image: url(../img/icon_nosotros.gif); }
#t_servicios span { background-image: url(../img/icon_servicios.gif); }
#t_propuesta span { background-image: url(../img/icon_propuesta.gif); }
#t_contacto span { background-image: url(../img/icon_contacto.gif); }
#t_testimonios span { background-image: url(../img/icon_testimonios.gif); }
#t_beneficios span { background-image: url(../img/icon_beneficios.gif); }
#t_valores span { background-image: url(../img/icon_valores.gif); }

/* =Inicio
-----------------------------------------------------------------------------*/

#home #content { float: left; padding-right: 8px; width: 637px; }
#home #side { float: right; width: 315px; }

#main_img { padding-bottom: 8px; }

#serv_bene .col_1 { float: left; padding-right: 7px; width: 315px; }
#serv_bene .col_2 { float: left; width: 315px; }

/* =Clientes
-----------------------------------------------------------------------------*/

#gal_clients { float: left; width: 936px; }
#gal_clients li { float: left; width: 250px; margin: 0; padding: 0 35px 70px; background: none; }
#gal_clients li.first { padding-left: 23px; }
#gal_clients li.last { padding-right: 23px; }

/* =Testimonios
-----------------------------------------------------------------------------*/

#testimonials p { padding-bottom: 20px; }
#testimonials strong { font-size: 0.9em; }

/* =Contacto
-----------------------------------------------------------------------------*/

#contact_info { padding-bottom: 20px; }
#contact_info p { padding-bottom: 2px; }

#contact_form label { display: block; padding-bottom: 2px; font-weight: bold; }
#contact_form .text, #contact_form .textarea { border: 1px solid #E3E9EF; padding: 3px; font: 1em Tahoma, Arial, Helvetica, sans-serif; background: #F9F9F9; color: #666; }
#contact_form .btn { border: 0; padding: 4px 7px; font: bold 0.9em Tahoma, Arial, Helvetica, sans-serif; background: #1860B1; color: #FFF; }

#contact_form #txtName { width: 270px; }
#contact_form #txtEmail { width: 220px; }
#contact_form #txtPhone { width: 120px; }
#contact_form #txtMessage { width: 270px; height: 80px; }

/* =Misc
-----------------------------------------------------------------------------*/

#box_welcome { height: 265px; }
#box_servicios { height: 310px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }

/* =Links
-----------------------------------------------------------------------------*/

a { text-decoration: none; color: #1860B1; }

#logo a { display: block; width: 209px; height: 97px; }

#nav li a { float: left; line-height: 28px; color: #fff; }
#nav li.active a { background: #1a99df url(../img/nav_center.gif) repeat-x; }

#nav_fr li a { color: #fff; }

#gal_clients li a { display: block; padding: 6px; }
#gal_clients li a:link, #gal_clients li a:visited { background: #E3E3E3; }
#gal_clients li a:hover { background: #09D; }

#copyright a { color: #fff; }
#copyright a:hover { text-decoration: underline; }

/* =Temp
-----------------------------------------------------------------------------*/