@charset "utf-8";
/* CSS Document */
/*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,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{color:#fff;text-decoration:none}
a:hover{color:#fff;text-decoration:underline }
.clear{ clear:both} 
.left{ float:left}
.right{ float:right}
/*FIN DE RESET*/

body{ background:#fff url(../img/bgBody.jpg) repeat-x left top;font:12px/20px Arial, Helvetica, sans-serif}
body.pagInt{background:#fff url(../img/bgBody2.jpg) repeat-x left top;}

body p{font:11px/19px Arial, Helvetica, sans-serif; margin-bottom:12px;color:#000}
body#pagInicio #mainHome{ text-align:left}

#web{ width:960px; margin:0 auto}
#header{padding:0 20px 0; height:123px; position:relative} .logo{ position:absolute; left:20px; top:0px}
#menutop{ padding-left:472px; height:47px; margin-bottom:15px}
#menutop a{ display:block; padding:20px 22px 08px 22px; float:left;color:#fff;font-size:11px}

/*pie*/
#pie{border-top:solid 1px #999;padding-top:10px; margin-top:30px; padding-bottom:30px}
body #pie p{font:bold 11px Arial, Helvetica, sans-serif}

/*menu*/
body#pagInicio #menutop a#btnInicio{background:#e2e2e2;color:#333}
body#pagNosotros #menutop a#btnNosotros{background:#e2e2e2;color:#333}
body#pagServicios #menutop a#btnServicios{background:#e2e2e2;color:#333}
body#pagContacto #menutop a#btnContacto{background:#e2e2e2;color:#333}

/*barra de noticias*/
#bar{ width:240px; padding:18px; background:#D6D6D6; margin-left:15px; float:right}
#bar h2{borderbottom:solid 1px #036; margin-bottom:7px;color:#036; display:block}

/*bloques*/
#contenido{ padding:0 30px 12px;}
#mainHome{margin-right:300px;}
#mainHome p{ text-align:justify}
#mainHome ul li, #bar ul li{background: url(../img/bgli.gif) no-repeat left 7px; padding-left:12px; padding-bottom:7px}
#bar a{font:bold 12px Arial, Helvetica, sans-serif;color:#06C}
/*estilos - textos*/
#mainHome p, #contenido p{font: 12px/22px Arial, Helvetica, sans-serif;color:#000; margin-bottom:12px}
table.text td{padding:10px 20px 10px 0}
.tit2{ margin-top:20px; margin-bottom:32px}
.center{ text-align:center}

/*pag nosotros*/
#contNosotros #info img.map{ float:left; margin-right:12px}
.nosotros1{height:auto;}
.block1{ margin-left:400px}
.block1 p{font:12px/22px Arial, Helvetica, sans-serif}
img.tit{ `margin: 10px 0 20px }
.nosotros2{height:290px;}
.nosotros2 h2{font:bold 17px Arial, Helvetica, sans-serif;color:#036; padding-bottom:10px; margin-bottom:10px; margin-top:20px;border-bottom:solid 0 #036; display:block}
.box  { float:left; width:170px; margin:0 10px} .box  img{ margin-bottom:10px}
.box ul li{background: url(../img/bgli.gif) no-repeat left 7px; padding-left:12px; padding-bottom:7px}

/*nosotros*/
.contNosotros ul{ padding-left:0}
.contNosotros ul li{background: url(../img/bgli.gif) no-repeat left 7px; padding-left:12px; height:25px}
.contNosotros h2{font:bold 15px Arial, Helvetica, sans-serif;color:#036; margin:10px auto 25px; text-indent:25px}
.right30{ margin-right:45px; margin-top:10px} .top10{ margin-top:10px}

#portafolio{ float:right; width:580px; margin-left:15px}

/*contacto*/
.contacto1{ width:290px; float:left; padding-left:50px} .contacto1 p{font-size:12px}
.contacto2{ margin-left:450px}
 .contacto1 a{color:#069}
.formulario tr td{ vertical-align:top; padding-bottom:15px}
.formulario p, #formulario textarea{ font:12px/18px Arial, Helvetica, sans-serif;color:#333}
.formulario input[type="text"]{ background:url(../img/bgTextField.gif) no-repeat; border:none; width:320px; height:18px; padding:5px 10px 10px}
.formulario input.field{ background:url(../img/bgTextField.gif) no-repeat; border:none; width:320px; height:18px; padding:10px}
.formulario input[type="submit"]{ background: url(../img/btnEnter.jpg) no-repeat; border:none; width:100px; height:32px;color:#036;cursor:pointer}
.formulario .mensaje{background:url(../img/bgTextA.gif) no-repeat; width:310px; padding:8px; height:90px}
.formulario textarea{ width:300px;border:none; height:85px;border:solid 1px #fff}
.formulario a{ color:#06C; text-decoration:underline}
#gracias{ display:block; border:solid 1px #036; background:#FFC; padding:12px; margin-bottom:20px}#gracias p{color:#000;font-size:12px; margin-bottom:0 }
.left20{ margin-left:35px}