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, 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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}
/* remember to define focus styles! */
:focus{outline: 0;}
body{line-height: 1;
color: black;
background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: separate;
border-spacing: 0;}
caption, th, td{text-align: left;
font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q{quotes: "" "";}
body{font-family:Helvetica, Arial, sans-serif;}

/*---BASICAS---*/
strong{font-weight:bold;}
/*---BASICAS---*/

body{background:url(../imgs/fondo-body.jpg) center;}

#principal{position:relative;
width:960px;
margin:2em auto 2em;
padding:10px 0 10px 0;
background:#fff url(../imgs/fondo-encabezado.png) center top no-repeat;
-moz-box-shadow: 0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
-webkit-border-radius:20px;
-moz-border-radius:20px;}

#encabezado{position:relative;
width:940px;
height:133px;
margin:auto;
text-align:center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;}
#encabezado img{margin:1.55em 0 0 0;}

#nav{position:relative;
width:940px;
height:65px;
margin:auto;
color:#fff;}

#nav ul{padding:0.95em 0 0 0;
width:625px;
margin:auto;}
#nav li{display:block;
width:125px;
float:left;
text-align:center;}
#mav .primero{background:#00a2df;
display:block;}
#nav .otros{border-left:solid thin #fff;
display:block;}
#nav a:link{text-decoration:none;
color:#fff;}
#nav a:hover{text-decoration:none;
color:#fff;
font-weight:bold;}
#nav a:visited{text-decoration:none;
color:#fff;}
#nav .activo{font-weight:bold;
font-size:1.05em;}

#cuerpo{position:relative;
width:940px;
margin:auto;}

#pie{position:relative;
width:940px;
margin:auto;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;}
#pie *{padding:1em;}
.empresa{background:url(../imgs/fondo-empresa-1.png) center top no-repeat;
padding:43.7em 0 0 0;}
.ar2000{background:url(../imgs/fondo-ar2000.png) center bottom no-repeat;}
.proceso{background:url(../imgs/fondo-proceso.png) center bottom no-repeat;}
.beneficios{background:url(../imgs/fondo-pie-beneficios.png) center bottom no-repeat;
height:300px}
.clear{clear:both;}

#cuerpo .empresa1{text-align:justify;
margin:2.5em 0 0 3em;
width:790px;
font-size:0.89em;
line-height:1.4em;}

#cuerpo .ar20001{width:325px;
text-align:justify;
font-size:0.89em;
line-height:1.4em;
margin:2em 0 0 3em;}
#pie .ar20002{width:265px;
margin:0 0 0 1.8em;
padding:0 0 30em 0;}
#pie .ar20002 li{text-align:justify;
font-size:0.89em;
list-style-type:disc;
list-style-position:inside;
margin:1em 0 0 0;
padding:0;
line-height:1.4em;}

#cuerpo h1{background:#3f9256;
color:#fff;
font-weight:bold;
font-size:1.3em;
width:400px;
padding:0.25em 0 0.25em 4em;
margin:3em 0 0 0;
-moz-border-radius:0 15px 15px 0;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-right-radius:15px;}
#cuerpo .proceso1{margin:3.5em 0 0 6em;
width:350px;}
#cuerpo .proceso1 li{text-align:justify;
font-size:0.89em;
list-style-type:disc;
list-style-position:inside;
margin:2em 0 0 0;
padding:0;
line-height:1.4em;}
#cuerpo .proceso1 p{text-align:justify;
font-size:0.9em;
line-height:1.5em;}
#antes-despues{text-align:center;
margin:2em 0 -6em 0;}
#pie .proceso2{line-height:1.4em;
color:#fff;
text-align:justify;
font-size:0.89em;
width:730px;
margin:0 0 0 0;
padding:14em 0 2em 3em;}

#beneficios1 blockquote{width:380px;
float:right;
margin:4em 6em 0 0;
text-align:justify;
line-height:1.4em;
font-size:0.89em;}
#facts{background:url(../imgs/fondo-medio-beneficios.jpg) bottom center no-repeat;
height:300px;}
#facts .beneficiosFacts{width:30%;
color:#fff;
float:left;
margin:10em 0 0 1.3em;}
#facts .beneficiosFacts h2{font-weight:bold;
margin:0 0 1.5em 0;
font-size:0.89em;}
#facts .beneficiosFacts p{line-height:1.4em;
font-size:0.89em;
text-align:justify;}

#floatAR20001{width:350px;
height:263px;
position:absolute;
right:120px;
top:300px;
border:solid 3px #fff;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-moz-box-shadow: 0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
z-index:999;}
#floatAR20001 img{position:absolute;
top:0;
left:0;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-moz-box-shadow: 0px 0px 15px #aaa;}

#floatProceso1{width:280px;
height:600px;
position:absolute;
top:250px;
right:150px;
text-align:center;
z-index:999;}
#floatProceso1 img{margin:3em 0 0 0;}

#floatBeneficios{
width:350px;
height:263px;
border:solid 3px #fff;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-moz-box-shadow: 0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
position:absolute;
top:235px;
left:65px;
z-index:999;}
#floatBeneficios img{position:absolute;
top:0;
left:0;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-moz-box-shadow: 0px 0px 15px #aaa;}