@import "xreset.css";
/*-----------------GENERAL STYLES-----------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #5b6c80;
	background-color: #25435d;
	background-image: url(images/fondo.png);
	background-repeat: repeat-x;
}
a{text-decoration:none; color:#87A800}
a:hover{color:#099; text-decoration:underline}
a:active{outline:none; color:#096}
a:focus{outline:none}
.Boton{color:#FFF; background-color:#C62A00; cursor:hand; width:80px; border:1px solid #7E1801}
label.errHilite{color:#C00}
input.errHilite, select.errHilite, textarea.errHilite{background-color:#FFC}
img{border:none}
.cl{ font-size:0;  line-height:0;  height:0;  clear:both}
.Espacio{clear:both; margin-bottom:10px}
.Centro{text-align:center; margin-right:auto; margin-left:auto; clear:both}
.Derecha{text-align:right; clear:both}
/*-----------------Warp-----------------*/
#Warp {
	margin-right: auto;
	margin-left: auto;
}
/*-----------------Cabeza-----------------*/
#Cabeza {
	width: 960px;
	border: 1px solid #8393a3;
	background-color: #36404c;
	padding: 12px;
	margin: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#Cabeza .Blanco {
	background-color: #FFF;
	height: 120px;
	width: 948px;
	padding: 4px;
}

#Cabeza .Iso {
	float: left;
	padding-left: 15px;
}
#Cabeza .Logo {
	float: left;
	padding-top: 1px;
}
#Cabeza .Slogan {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #36404C;
	font-weight: bold;
	text-align: right;
	float: right;
	padding-right: 15px;
	padding-top: 20px;
}
/*-----------------Menu-----------------*/
.Menu {
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 947px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: center;
	margin-top: 10px;
}
.Menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.Menu a:hover {
	color: #fff;
	text-decoration: none;
}
.Menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.Menu li {
	float:left;
	width:189px;
	margin:0;
	padding:0;
	text-align:center;
	height: 20px;
}
.Menu li a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#36404C;
	text-decoration:none;
	border-right:1px solid #FFF;
}
.Menu li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#d a {background:url(images/bg4.jpg) repeat 0 0;}
/*-----------------Textos-----------------*/
	.Textos {
	color: #5b6c80;
	text-decoration: none;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.TextosNOj {
	color: #5b6c80;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.Forms 
{
	color: #31414A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #bdcfde;
}
.gradient 
{
filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#5A6D84', EndColorStr='#8CDBFF')
}

a:hover 
{
	color: #598527;
}
.Fondo 
{ 
background-repeat: repeat-x;
filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF6600', EndColorStr='#FFE94C')
}
.Fotos {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #CE0000;
	border-left-color: #CE0000;
}
.Pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.Boton {
	color: #004518;
	background-color: #009A63;
	cursor: hand;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #528231;

}
.scroll {
          overflow: scroll;
          height: 360px;
          width: 100%;
          overflow: auto
      }
 
.Titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #6F0012;
	text-decoration: none;
}
.Subtitulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6f0012;
	margin-bottom: 5px;
}


.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}
.dropcontent	{
display:block;
}
.SubMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8ed8f8;
	text-decoration: none;
}
.SubMenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6F0012;
	text-decoration: none;
}
.TextosChico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5A6D84;
	text-decoration: none;
}
.MenuAzulC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	background-color: #36404c;
	font-weight: bold;
	margin: 3px;
	text-align: center;
}
.MenuAzulC A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	DISPLAY: block;
	background-color: #36404c;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
.MenuAzulC A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DEDFDE;
	text-decoration: none;
	background-color: #6f0012;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
.NumerosEtapas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120px;
	font-weight: bold;
	color: #36404c;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6f0012;
}
.Notas {
	background-color: #F0F0F0;
	padding: 5px;
	margin: 5px;
	font-size: 10px;
	text-align: left;
	border: 1px solid #CCC;
}
/*-----------------BOTON-----------------*/
.Boton_compra {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.Boton_compra:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.Boton_compra:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}