/* Paleta de colores */

/* FIN Paleta de colores */

/* Fonts */
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-Regular.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Generales */ 
html { width:100%; height:100%; }
body { font-family:'open_sans'; width:100%; height:100%; background-image:url(../images/background.gif); background-repeat:repeat; }
p { font-size:14px; line-height:20px; margin-bottom:8px; }
a { color:white; }
input, textarea { display:block; background:white; width:298px; padding:5px 10px; border:1px solid grey; font-family:inherit; font-size:12px; }
input[type="submit"], input[type="button"], input[type="reset"] { width:auto; background:#008080; font-size:14px; border:none; font-weight:bold; margin:0; color:white; text-transform:uppercase; cursor:pointer; }
textarea { height: 150px; resize:none; margin-top:2px; }
label { font-size:14px; line-height:20px; margin-bottom:8px; }
fieldset { margin-bottom:12px; }
.relative { position:relative !important; }
.block { display:block !important; }
.inline-block { display:inline-block !important; }
.none { display:none !important; }
.bold { font-weight:bold !important; }
.float_l { float:left !important; }
.float_r { float:right !important; }
.clear { clear:both !important; }
.no_clear { clear:none !important; }
.no_border { border:none !important; }
.full { width:100% !important; }
.w_250 { width:250px !important; }
.w_279 { width:279px !important; }
.w_900 { width:900px !important; }
.auto { margin:0 auto !important; }
.no_back { background:none !important; }
.no_margin { margin:0 !important; }
.margin_l_5 { margin-left:5px !important; }
.margin_l_10 { margin-left:10px !important; }
.margin_l_20 { margin-left:20px !important; }
.margin_r_10 { margin-right:10px !important; }
.margin_r_20 { margin-right:20px !important; }
.margin_t_5 { margin-top:5px !important; }
.margin_t_10 { margin-top:10px !important; }
.margin_t_20 { margin-top:20px !important; }
.margin_b_10 { margin-bottom:10px !important; }
.margin_b_40 { margin-bottom:40px !important; }
.padding_l_10 { padding-left:10px !important; }
.padding_r_10 { padding-right:10px !important; } 
.padding_l_15 { padding-left:15px !important; }
.padding_r_15 { padding-right:15px !important; }
.font_20 { font-size:20px !important; }
.ul_style { list-style:square; margin-left:15px; }
.align_l { text-align:left !important; }
.align_r { text-align:right !important; }
.align_c { text-align:center !important; }
/* FIN Generales */ 

/* Encabezado */
header { position:relative; width:1170px; height:90px; background:#2a333c; margin:0 auto; border-bottom:10px solid #3d4a57; }
h1#logo { display:block; width:300px; height:70px; margin:10px 0 10px 40px; float:left; font-size:17px; color:white; line-height:23px; }
h1#logo span { font-size:12px; display:block; }
nav { position:absolute; right:0; bottom:-10px;  }
nav ul {  }
nav ul li { display:inline-block; }
nav ul li a { display:inline-block; padding:10px 5px 20px 5px; margin:0 10px; font-size:16px; color:#c4bab1; border-bottom:10px solid #3d4a57; }
nav ul li a:hover, nav ul li a.selected { border-color:#bf2217; color:#bf2217; } 
.flexslider { position:relative; width:1170px; height:470px; margin:0 auto !important; border:none !important; box-shadow:none !important; }
.texto-slider { position:absolute; width:200px; padding:30px; background:rgba(255,255,255,0.7); top:50px; right:160px; }
.texto-slider p { font-size:17px; line-height:28px; }
/* FIN Encabezado */

/* Contenedor */
#contenido { position:relative; width:1170px; margin:0 auto; }
section { background:#c4bab1; padding:40px 70px 20px 70px; }
section.home { border-top:10px solid #b0a79e; }
section h2 { color:white; font-size: 31px; margin-bottom:40px; }
section h3 { color:#008080; font-size:17px; margin-bottom:10px; line-height:20px; }
section ul { font-size:14px; line-height:20px; margin-bottom:8px; list-style-type:disc; margin-left:20px; }
#carousel { background:#dbdbdb; padding:13px 10px 10px 10px; }
#carousel #a-quienes-atendemos { float:left; margin:0; }
#carousel #a-quienes-atendemos li { display:inline-block; float:left; text-align:center; font-size:11px; margin-right:15px; line-height:15px; } 
#carousel #a-quienes-atendemos li img { display:block; height:75px; margin:auto; margin-bottom:5px;  }
#carousel > a { position:relative; float:left; width:40px; font-weight:bold; font-size:30px; top:30px; }
#carousel > a#next1 { float:right; }
#carousel > a#next1 { float:right; text-align:right; }

section.common article { background:rgba(0,0,0,0.0); width:320px; height:420px; padding:0 10px; float:left;  }
section.mision article { height:450px; }
section.common > div.contenedor { width:1090px; margin-left:-10px; }
section.common article.middle { width:350px; border-right:1px solid lightgrey; border-left:1px solid lightgrey; padding:0 15px; }
section.common article img { height:183px; width:274px; border:3px solid lightgrey; }
section article.big { width:1040px; height:auto; border:none; border-top:1px solid lightgrey; padding:20px 0 0 0; margin-top:20px; }
section article.big div { margin-left:308px; }


/* section.servicios article:last-child { width:900px; border:none; border-top:1px solid lightgrey; } */

/* FIN Contenedor */

/* Pie */
footer { position:relative; width:1090px; padding:30px 40px 40px 40px; margin:0 auto; margin-top:50px; border-top:8px solid #2a333c; background:#008080; }
footer ul { color:white; float:left; width:295px; margin-left:100px; }
footer ul:first-child { margin-left:0; }
footer ul li:first-child { font-size:15px; border-bottom:1px solid rgba(255,255,255,0.3); margin:0; padding-bottom:10px; }
footer ul li { font-size:15px; margin-top:10px; line-height:20px; }
footer p { position:relative; float:left; font-size:13px; margin:40px 0 0 0; color:#2a333c; vertical-align:top; }
footer p img { margin-top:-8px; }
/* FIN Pie */