@import url(reset.css);
@import url(text.css);
@import url(960.css);
/*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{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}*/

/*Debug styles*/
/*body{background:url('../img/12_col.gif') repeat-y center;}
*//*p{border:1px solid black;}*/
/*.container_12{border:1px solid red;}*/


/*General styles*/
a{outline:none;}


/*Main styles*/
h3{margin-bottom:0px; } 
.underlined {margin-bottom:10px; padding-bottom:0.3em;}
#wrapper {margin-bottom:23px;}
h1{  float:left; display:block; width:248px; height:45px; display:block; text-indent:-9999px; }
h1 a {width:inherit; height:inherit; display:block; float:left;}
#header h1 { margin-top:47px;}
#header a {display:block; width:inherit; height:inherit; }
#header ul {list-style-type:none; float:right; margin-top:67px;}
#header ul li {float:left; display:block; height:84px;}
#main_content { position:relative; margin:40px 0 0 0;}
#main_content img {margin-bottom:10px;}
#main_content ul li { margin-left:0; padding-left:20px; list-style-type:none;}
#bottom_content, #bottom_content div.container_12 {height:289px;}
#bottom_content h3 {padding: 20px 10px 10px 10px;}
#bottom_content p {padding:0  15px 10px 10px;}
#bottom_content #llamanos {position:relative;}
#bottom_content #llamanos h4 { position:absolute; top:-60px; left:10px;}
#bottom_content #llamanos h3 {margin-top:0px; padding-top:0px;}
#bottom_content #llamanos p.first { padding:20px 0 0 10px; }
#footer .container_12{ display:block; height:262px;}
#footer div div {margin-top:158px;}
#footer h2 {margin:0;}
#footer .grid_8 {padding-top:25px;}
#footer .grid_8 p {float:left; padding:25px 0 0 20px;}





/*Menu styles*/
body#inicio .inicio a,
body#despacho .despacho a,
body#servicios .servicios a,
body#contacto .contacto a {background:url('../img/menu_active.jpg') bottom center no-repeat; color:#fff;}


/*Color & backgrounds*/
/*|||| Yellows                        */
/*|||| 	 #cfa54b  ->  Corporative     */
/*|||| Greys                          */
/*||||  #f5f5f5   ->  Very light      */
/*||||  #dcdcdc   ->  Light           */
/*||||  #767676   ->  Medium          */

p {color:#767676 ;}
h1,h2,h3,h5 {color:#cfa54b;}
h6,h4,ul {color:#767676 ;}
.underlined {border-bottom:2px solid #dcdcdc;}
#page {background:url('../img/menu_bg_tile.jpg') top repeat-x; }
#header { background:#f5f5f5 url('../img/menu_bg_tile.jpg') top repeat-x;}
h1 {background:url('../img/logo.jpg');}
#header a{color:#cfa54b;}
#main_content {background:#FFF;}
#main_content ul li {background:url('../img/bullet.jpg') left 7px no-repeat; }
#bottom_content {background: #f5f5f5 url('../img/squares_tile_mask.jpg') top repeat-x;}
#bottom_content div.container_12 {background: url('../img/squares_bg.jpg') top no-repeat;}
#bottom_content h3,
#bottom_content p,
#bottom_content #llamanos h4 {color:#23140b;}
#bottom_content #llamanos p {color:#FFF; }
#footer { background:#f5f5f5 url('../img/footer_bg_tile.jpg') bottom  repeat-x;}
#footer div.container_12 {background: url('../img/footer_bg.jpg') top no-repeat;}
#footer a {color:#FFF;}
#footer p {color:#cfa54b;}


/*Typography styles*/
body{ font-family:"Helvetica Neue",Helvetica, Arial, "Lucida Grande", Verdana;}
#header ul { font-weight:bold;}
#header a {text-decoration:none;}
#top_content p {font-size:1.7em; line-height:26px;}
h2 {font-size:3.6em; line-height:50px; letter-spacing:0em;}
h6{font-size:2em;}
#main_content h4 {font-weight:normal;}
#main_content ul li {font-size:1.4em;}
#main_content p {font-size:1.1em;}
#bottom_content p {font-size:1.6em; line-height:24px;}
#bottom_content #llamanos h4 { font-size:3.4em; }
#bottom_content #llamanos h3 {font-size:2em;  line-height:25px;}
#bottom_content #llamanos p {font-size:1.1em; line-height:20px;}
#bottom_content #llamanos p.first {font-size:1.5em; font-weight:bold; line-height:25px;}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active  { text-decoration:underline;}
#footer a:hover { text-decoration:none;}
#footer h2 {font-weight:normal;}