/* 
    Document   : style
    Author     : Adrian
*/
root { 
    display: block;
}
body {
    background:url(../img/bg.gif) center top; color:#000; margin: 0; font: 12px Arial,Helvetica, sans-serif;
}
#main-body{ background:url(../img/bg_grad.gif) top center repeat-x;}
a{ text-decoration: none; color:#00}
a img{ border: none}
a:focus {outline:none;}

h2{ font-size: 16px; color:#FFF}
h3{ font-size: 14px; text-align:left}

.left-col{ float:left; width:320px}
.right-col{ float: right; width:620px}

input.text-field{ color:#1D3266; font: 12px Arial,Helvetica, sans-serif;}

a.home-link{ color:#121832}

.t-yellow{ color:#dbcf3a }
.t-green { color:#85a52b }
.t-dark  { color:#7a795f }
.t-red   { color:#da5126 }

/* HEADER */

.main-block-top{ background:url(../img/content-bg-top.png) bottom center no-repeat; height:38px; margin:0; padding:0}
.main-block{ background:url(../img/content-bg.png) top center repeat-y; margin:0; padding:1px 0; overflow:hidden}
.main-block-bottom{ background:url(../img/content-bg-bottom.png) top center no-repeat; height:60px; margin:0; padding:0}

.main-block-width{ width:960px; margin:auto}

.logo-block{ padding:0px 0 0px 50px}
.social-bar{ float:right; padding:0 50px 0 0}
.social-bar a{ display:inline-block; padding:0 0px 0 15px}
.menu-block{ clear:both; background:url(../img/menu_bg.gif) bottom repeat-x; margin-bottom:10px; padding:0 0 0 180px}
.menu-block a{ display:inline-block; font-size:15px; line-height:26px; color:#5f5e49; padding:0 10px }
.menu-block a:hover{ color:#900;}
.menu-block img{ vertical-align:bottom }
.menu-block div{ margin:10px 0; display:inline-block}

/**/
.green-block{ background:#99ca40; border-top:3px solid #7faa28; border-bottom:3px solid #7faa28; 
	padding:20px 125px 20px 125px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:15px; text-align:justify}
.green-block h2{ margin:0 0 5px 0}
.green-block p{ margin:5px 0 5px 0;}

h3.areas-title{ background:url(../img/subt-bg.gif) center repeat-y; margin:10px 0; padding:0 0 0 340px; min-height:10px}
div.areas-title{ background:url(../img/subt-bg.gif) center repeat-y; margin:0 0 10px 0; height:10px}

.right-home{ background:url(../img/inicio-info-bg.gif) top left no-repeat; color:#FFF; overflow:hidden; padding:10px 0 10px 15px}

.left-servicios img{ padding:40px 0 0 50px}
.left-contacto img{ padding:0px 0 0 50px}

/* SERVICIOS/INICIO */

.bloque-area{ float:left; width:284px; padding:0 10px 16px 0}
.bloque-area ul{ margin:0px; padding:6px 5px 0px 20px; font-size:13px; height:83px;}
.bloque-area h3{ margin:8px 0 5px 0; padding:5px 10px ; border-bottom:1px solid #FFF }
.bloque-area a.vermas{ display:block; text-align:right; color:#FFF; padding-right:30px; font-size:11px; font-weight:bold}

.area-educacional{ height:176px; color:#407c26 }
.area-clinica{ color:#407c26; height:176px; }
.area-empresarial{  }
.area-otros{ }

.area-empresarial ul, .area-otros ul{ height:123px}

.seccion-col{ color:#565543; font-size:14px; width:590px; padding:0 30px 0 0;}
.seccion-col h3{ text-transform:uppercase; font-family: 'Francois One', serif; font-size:22px; font-weight:normal; margin:15px 0 5px 0}
.seccion-col h4{ color:#da5126; font-family: 'Francois One', serif; font-size:18px; font-weight:normal; margin:15px 0 5px 0}
.seccion-col p{ margin:5px 0 10px 0}
.seccion-col p.border{ border-bottom:1px solid #7a795f; padding-bottom:15px }
.seccion-col ul.border{ border-bottom:1px solid #7a795f; padding-bottom:10px }

.seccion-col ul{ margin:12px 0; padding:0 1px 0 1px; list-style:none}
.seccion-col li{ padding:6px 0px 6px 15px; background:url(../img/bullet.gif) top left no-repeat}
.seccion-col ul ul{ margin:6px 0; }
.seccion-col li li{ padding:3px 15px; background:url(../img/bullet_sm.gif) top left no-repeat}

.menu-serv{ overflow:hidden; margin:10px 0 0 0}
.menu-serv a{ color:#FFF; display:inline-block; padding:5px 12px; margin:3px; float:left; font-family: 'Francois One', serif; text-transform:uppercase; font-size:16px}
.menu-serv a:hover{}
.l-yellow{ border:solid 1px #dbcf3a; background:#dbcf3a }
a.l-yellow:hover{ background:#eceea3; color:#d5c60f }
.l-green { border:solid 1px #99ca40; background:#99ca40 }
a.l-green:hover{ background:#d8eda5; color:#99ca40}
.l-dark  { border:solid 1px #7a795f; background:#7a795f }
a.l-dark:hover{ background:#b6ba97; color:#7a795f}
.l-red   { border:solid 1px #da5126; background:#da5126 }
a.l-red:hover{ background:#e9b88c; color:#da5126}
/* FOOTER */

#footer { padding:10px; border-top:5px solid #e1ded1; color:#FFF;  }
#footer strong{ color:#99cc41}
#footer .info{ width:960px; margin:auto; overflow:hidden; font-size:13px }
#footer .contact{ float:left; width:215px; padding:10px 50px; border-right:1px solid #9b9580}
#footer .last-contact{ border-right:none}

label.error{ display:block; font-size:11px; color:#f51f3d}
label.err_block{ display:none;}
.attend label.error{ display:inline}
.xxsmall{ width:20px}
.xsmall{width:50px}
.small{width:100px}
.medium{width:180px}
.large{width:280px}
.xlarge{ width:360px}