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


header,nav,section,article,footer,aside,figure {
 display:block;
 margin:0 auto;
}
img {
 border:none;
}
img a {
 border:none;
}
ul {
 list-style:none;
 margin:0;
 padding:0;
}

body {
	margin: 0; padding: 0; background-color:#fff;
}

.gris {
	width:100%;
	height:40px;
	margin:0 auto; background-color:#333333;
}

header {
	width:960px;
	height:160px;
	margin:0 auto;}

.logo { width:300px; height:120px; margin:0 auto; float:left; margin-top:10px;}

nav { width:530px; height:140px; margin:0 auto; text-align:center; float:right; margin-top:10px;}

.mod { width:680px; height:450px; margin:0 auto; text-align:left; float:left;}
.mod2 { width:300px; height:450px; margin:0 auto; text-align:center; float:right;}


i { font-style:inherit; color:#F60;}
.push {clear:both;}

/********************menu********************/
ul#menu{ 
	width: 100%;
	height: 40px;
	font-size: 1.3em; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; text-align:center;
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0;
	padding:0;
	
	}
ul#menu li a { 
	height: 22px; 
	color: #333333; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 80%; 
	padding: 14px 12px 0 12px; font-size: 15px;
	margin:0 2px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px; font-family: 'Open Sans', sans-serif; font-weight: 700;
	}

ul#menu li  a:hover{ color:#2d5323;}
ul#menu li a.current{
	
	color:#FFF;
}
 	

		
/*****************contacto**************/
#formleft { float:left;}
.forma { width:350px; height:320px; margin:0 auto; float:left;}
.name{ width:70px; height:30px; float:left; text-align:right;}
.campo { float:right; width:220px; height:30px; margin-left:15px;}
.name2{ width:87px; height:30px; float:left; text-align:right;}
.campo2 { float:right; width:220px; height:30px; margin-left:15px;}
.name3{ width:87px; float:left; text-align:right;}

#formleft input{
    border:1px solid #ababaa;
    background:#fff;
    width:180px;
    height:20px;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; 
	}

.select input:focus, .select textarea:focus{ background-color:#ababaa;}

textarea{
    border:1px solid #ababaa;
    background:#fff;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding:2px 0 0 5px;
	width:180px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; margin-left:15px;
}

.btn {
	 background:url(../images/bg_btn.jpg) repeat-x;
	margin:9px 0 0 0;
	text-align:center;
	height: 29px;
	 width: 100px;
	 text-align:center;
	 border: 0px;
	cursor:pointer;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; font-weight:700;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px;
	}

.btn2 {
	float: right;
	margin:9px 80px 0 0;
	text-align:center;
	height: 29px;
	 width: 100px;
	 text-align:center;
	 border: 0px;
	cursor:pointer;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; font-weight:700;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px;
	}

.btn2:hover {
	color:#a2180b; 
	font-size:16px;	}	


/************revista***************/

.div_revistadigital {
	padding-top: -0.2cm;
	position: relative;
	height: 520px;
	width: 830px;
	overflow: visible;
	padding-bottom: -3cm;
	bottom: -3cm;
	right: -0.2cm;
	padding-left: -0.1cm;
	top: 0.1cm; margin:0 auto;}

#apDiv1 {
	position:absolute;
	left:72px;
	top:379px;
	width:149px;
	height:214px;
	z-index:1;
	background-color: #99CC33;
}


#formleft { float:left;}
.forma { width:400px; height:320px; margin:0 auto; float:left; background-color:#0C3;}
.name{ width:70px; height:30px; float:left; text-align:right;}
.campo { float:right; width:220px; height:30px; margin-left:20px;}


#formleft input{
    border:1px solid #ababaa;
    background:#fff;
    width:180px;
    height:20px;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; 
	}

.select input:focus, .select textarea:focus{ background-color:#ababaa;}

textarea{
    border:1px solid #ababaa;
    background:#fff;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding:2px 0 0 5px;
	width:180px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px; margin-left:15px;
}

.btn {
	 background:url(../images/bg_btn.jpg) repeat-x;
	margin:9px 0 0 0;
	text-align:center;
	height: 29px;
	 width: 100px;
	 text-align:center;
	 border: 0px;
	cursor:pointer;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; font-weight:700;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #ababaa 0px 2px 2px;
	-moz-box-shadow: #ababaa 0px 2px 2px;
	-o-box-shadow: #ababaa 0px 2px 2px;
	-ms-box-shadow: #ababaa 0px 2px 2px;
	box-shadow: #ababaa 0px 2px 2px;
	}