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

/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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,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,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

body { background-color:#5a863b; overflow-x: hidden;}

.clear { clear:both}

/* HEADER */
header { width:100%; height:168px; position:fixed; z-index:10}
#header-espacio { width:100%; height:150px}

a { text-decoration:none; color:#5a863b;}
a:hover { color:#09574c; text-decoration:none}

#header-banda { width:100%; height:80px;background:#5a863b;
-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.4);
}

#header-central { width:960px; height:168px; margin:0 auto}
#logo { width:259px; height:168px; position:fixed; z-index:20; border:none }

nav { width:700px; height:55px; margin:0 auto; padding-left:280px; padding-top:25px;  }
nav ul { list-style:none}
nav li { height:25px; display:block; float:left;  background:url(../img/punto.jpg) no-repeat; background-position:left }
nav a { font-family:"trajan", Times, serif; font-size:18px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
nav a:hover { color:#09574c}

/* CENTRAL */
#central { width:100%; height:auto; background-color:#ffffff; position:relative }
#contenedor { width:980px; height:auto; background-color:#FFFFFF; margin:0 auto; padding-bottom:40px; padding-top:140px;}
#home { width:1500px; height:650px;}
#contenedor-home { width:1500px; height:650px; background:url(../img/campo.jpg) no-repeat; background-position:top; margin-left:-750px; left:50%; position:absolute }
#contenedor-home-2 { width:1500px; height:650px; background:url(../img/campo-2.jpg) no-repeat; background-position:top; margin-left:-750px; left:50%; position:absolute }

/* PRODUCTOS */
#titulo-imagen { width:980px; height:130px; text-align:center}

.un-item { width:960px; margin:10px; border-top: #5a863b solid 1px}
.un-item-descripcion {width:960px; padding:10px 0 10px 0; margin-bottom:40px; border-top: #5a863b solid 1px; border-bottom: #5a863b solid 1px;}

.dos-item { width:470px; margin:10px; border-top: #5a863b solid 1px; float:left;  }
.dos-item-descripcion {width:470px; padding:10px 0 10px 0;  border-top: #5a863b solid 1px;}

.tres-item { width:960px; margin:10px; border-top: #5a863b solid 1px; padding-bottom:15px }

.destacado {width:960px; margin:10px; font-family:"trajan", Times, serif; font-size:18px; color:#5a863b; text-transform:uppercase; text-align:center; padding:25px 0 40px 0; line-height:26px}

h1 {font-family:"trajan", Times, serif; font-size:18px; color:#5a863b; padding:15px 0 15px 0}
h2 {font-family:"trajan", Times, serif; font-size:38px; color:#5a863b; margin-bottom:15px}
p {font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; color:#5a863b;}
.imagen { width:470px; height:auto; float:left; padding-bottom:15px}

/* NOSOTROS */
#imagen-principal { width:960px; height:auto; margin:0 10px 20px 10px}
#contenedor-seccion { width:960px; margin:10px; background:url(../img/destacado-nosotros.jpg) no-repeat; background-position:right}

/* FOOTER */
footer { width:100%; height:80px; background:#5a863b; }
#footer-wrap { width:960px; height:auto; margin:0 auto; position:relative}
#footer-izq { width:600px; float:left;} 
#footer-izq ul { list-style:none}
#footer-izq li { display:block;}
#footer-dcha { width:380px; height:100px; float:left; margin-top:20px} 
#footer-dcha ul { list-style:none}
#footer-dcha li { display:block; font-family:Arial, Helvetica, sans-serif; color:#2f5018; font-size:13px; text-align:left}
.consultorios { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777368}
.bold { font-weight:bold}
.italic { font-style:italic}
.verde { color:#43a896}
#vmasc { width:200px; height:18px; position:absolute; top:45px; right:0;font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; color:#fff; text-align: center;}
#vmasc img{
  height: 40px;
}

/* FONT-FACE */
@font-face {
    font-family: 'trajan';
    src: url('../fonts/trajan.eot');
    src: url('../fonts/trajan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajan.woff') format('woff'),
         url('../fonts/trajan.ttf') format('truetype'),
         url('../fonts/trajan.svg#trajan') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------- FORMS ----------*/

#suscribirse { width:500px; height:100px; position:absolute; margin-top:520px; left:50%; margin-left:-250px; z-index:8}
#suscribirse-tit {font-family:"trajan", Times, serif; font-size:18px; color:#ffffff; text-align:center; height:20px; margin:10px 0 20px 0}

input, button, select, textarea {font-family: 'Source Sans Pro', sans-serif; font-size:18px}
	
.form-submit { width:140px; height:35px; color:#fff; background:#5A863B;  border:none}
.form-text { color:#666666}

input { width:340px; height:30px}