@charset "UTF-8";
/* CSS Document */

/*  CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,  
caption, tbody, tfoot, thead
                  {margin:0; padding:0; border:0; outline: 0;
                  font-size: 100%; vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';    content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse; border-spacing: 0;}
form { margin:0; padding:0;}


body { margin:0px auto; background: #548DD4 url(../img/background.jpg) repeat-x; font-family: 'Source Sans Pro', sans-serif; overflow:-moz-scrollbars-vertical;}

img {border:0px;}
a { text-decoration:none; color:#333;}
a:hover { color:#666; text-decoration:none;}
p {}
h1 {}
h2 {}
ul {list-style:none;}
li {list-style:none;}

#container { width:1000px; margin:0 auto; overflow:hidden;}

#encabezado { padding:23px 0 0 0; color:#333333;}
#encabezado h1.contadores { padding:23px 0 0 35px; color:#333333; text-transform:uppercase; float:left; font-weight:300;}

#encabezado .logo { text-transform:uppercase; color:#333333; font-size:40px; padding:10px 30px 10px 0; border-right:1px solid #333333; width:370px; float:left;}
#encabezado .logo span.pesado { font-weight:900; color:#548DD4;}

#home {height:400px; color:#006699; border-top:3px dotted #FFFFFF!important; clear:both; color:#FFFFFF; margin:0;}

#cuerpo {color:#006699; border-top:3px dotted #FFFFFF!important; clear:both; color:#FFFFFF; padding:20px 0 40px 0; overflow:auto;}
#cuerpo h2 {color:#FFFFFF; font-weight:900; font-size:30px; text-transform: uppercase; margin:10px 0 20px 0; padding:0 0 0 40px; background:url(../img/miscelanea_titulo.png) no-repeat;}

#cuerpo h3 {color:#FFFFFF; font-weight:900; font-size:30px; text-transform: uppercase; margin:20px 0 0 0; padding:0 0 0 40px; background:url(../img/miscelanea_titulo.png) no-repeat;}

#cuerpo p { font-size:30px; line-height:40px; font-weight:300; padding:0px 0 25px 0;}
#cuerpo ul { font-size:30px; line-height:40px; font-weight:300; padding:0px 0 0 0;}
#cuerpo ul li { clear:both; padding:15px 0 0 0;}

#cuerpo .todosservicios { clear:both; width:1000px!important; margin:30px 0 20px 0; overflow: hidden;}
#cuerpo .todosservicios .servicio { float:left; width:500px; margin:0 0 0 0;}
#cuerpo .todosservicios .caracteristicas { float:right; width:400px; background:#4475B0; padding:30px; border-radius: 10%;} 
#cuerpo .todosservicios .caracteristicas ul li { font-size:15px; line-height:24px; font-weight:400; font-style:italic; padding:0 0 4px 0;}

#cuerpo .direccion { float:left; width:500px;}
#cuerpo .formulario { float:right; width:500px;} 
#cuerpo .formulario li { margin:0; padding:0;} 
#cuerpo .formulario input { margin:0; padding:0!important; width:400px; height:30px;} 
#cuerpo .formulario textarea { margin:0; padding:0!important; width:405px; height:90px;} 


#cuerpo h4 {color:#FFFFFF; font-weight:600; font-size:30px; margin:0px 0 0 0; padding:0 0 0 0px;}

.logo span.pesado { font-weight:900; color:#666;}
#cuerpo .bajada { font-size:15px; margin:15px 0 0 0; color:#666;}

#cuerpo .left {}
#cuerpo .right {}
#footer { width:1000px; margin:0 auto; color:#FFFFFF; text-align:center; border-top:3px dotted #FFFFFF; padding:15px 0 0 0; height:40px;}