/* CSS Document */
body {
	background-color:#336699;
    background-image:url(img/fondo.jpg);
	background-position:top;
	background-repeat:repeat-x;

	
}
	img {
	max-width: 100%;
}

#contenedor{

width:100%;
max-width:998px; 
margin:auto;
}

#header{
width:100%;
height:390px;
margin:auto;
background-color:#ffffff;}

#section{

width:100%;
max-width:998px; 
display:block;
float: left; 
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
background-color:#FFFFFF;
border-left-color: 1px solid #999999;
border-right-color: 1px solid #999999;
}
#ladoeast1{
display:block;
float:left;
width:60%;
background-color:#ffffff;
}
#ladoeast2{
display:block;
float:right;
width:38%;
background-color:#ffffff;
text-align:right; 
}
#ladoeast1menu{
display:block;
float:left;
width:50%;
background-color:#FFFFFF;
}
#ladoeast2menu{
display:block;
float:right;
width:48%;
background-color:#FFFFFF;
text-align:left; 
}
#ladoeastfull{
display:block;
float:left;
width:100%;
background-color:#FFFFFF;}


#nav{
max-width:998px; 
width:100%;
height:40px;
margin:auto;
background-color:#CC3333;
}

#footer {
position: relative;
	margin-top: 0px; /* valor engativo del alto del footer */
	margin-bottom:0px; 
	height: -200px;
	width:100%; 
	clear:both;
	
	background-color:#CC3333;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*#footer{float: left; margin-left:0; margin-top:auto; width:970px; height:71px; background-color:#CCCCCC; background-image:url(img_spv2/fondo_ver.jpg)}*/



#espa{
width:90%;
margin-left:20px;
margin-top:20px;  
padding:10px; 
}

#ladou{
width:50%;
float:left;
display:block;}


#ladodos{
width:40%;
float:right;
display:block;
margin-right:5px; }

#solo{


min-height:100%;
width:98%;
float:left;
display:block;
margin-left:5px;
margin-top:5px;}

#ladousolo{
min-height:100%;
width:98%;
float:left;
display:block;
margin-left:5px;
margin-top:5px;
margin-bottom:20px; }

.titmen{
/*background-color:#CC3333;*/
color:#000000;
width:100%;
font-weight:bold;
background-image:url(../img/bander_fondo.jpg);
height:21px;  }
.pais{
text-align:center; }

#signos{
width:15%;
float:right;
display:inline;
/*background-color:#00FF99;*/
text-align:center; }

#signos a img:hover {
background: rgba(255,102,0, 0.5); /*Sepia*/
            -moz-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -moz-transform: translateY(-5px);
            -webkit-transform: translateY(-5px);
            -o-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }


P {
	FONT-SIZE: 15px; COLOR:#000000; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica; text-align:justify; 
}
li {
	FONT-SIZE: 13px; COLOR: #4c4c4c; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica
}
TD {
	FONT-SIZE: 13px; COLOR: #4c4c4c; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica
}
A {
	FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 14px; FONT-WEIGHT: strong; FONT-FAMILY: Verdana, Arial, Helvetica ; TEXT-DECORATION: none
}
A:hover {
	COLOR:#FFCC00;
}
h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 24px;
}
.secundario A {
text-decoration: none;
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	 COLOR:#F3E698;
}
.secundario A:hover {
	
	color: #865A3D;
}


#boton{
 width:130px;/* background-color:#AA2A29;*/ margin-left:1px; height:50px; display:inline-table; text-align:center; vertical-align:middle; margin-top:0px; color:#865A3D;/* border-right:1px solid #FFFFFF;*/
}
#botonulti{
 width:131px;/* background-color:#AA2A29;*/ margin-left:1px; height:50px; display:inline-table; text-align:center; vertical-align:middle; margin-top:0px; color:#865A3D; 
}
#boton a: hover{
 width:131px;/* background-color:#cccccc;*/ margin-left:1px; height:50px; display:inline-table; text-align:center; vertical-align:middle; margin-top:0px; color:#865A3D; 
}

#botonin{
 width:100%; margin-top:15px; 
}
#cente{
/*margin:auto;*/
width:80%;
/*background-color:#00FF99;*/
}
.letraama{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	 COLOR:#F3E698;}


.galleta{
display:block;
float:right;
text-align:right;
width:100%;
font-size:10px;
color:#999999;}
.galleta a{
color:#666666;
}
.galleta a:hover{
color:#CCCCCC;}
	 
	 
/*#signos{
width:200px;
float:right;
display:block; 
background-color:#003399;
text-align:center;*/ 
@media (max-width: 600px) {

#header{
height:auto;
}
#nav{
width:100%;
height:auto;
margin:auto;
background-color:#CC3333;
}
#signos{
clear:both; 
display:block;
float:none;
width:100%;
 }
#cente{
display:block;
float:none;
width:100%; 
}
#section{
/*margin-top:100px;*/  
clear:both;
display:block;
float:none;
height:auto;
}
#ladoeast1{
/*margin-top:100px; */
display:block;
float:none;
width:100%;
background-color:#FFFFFF;}
#ladoeast2{
display:block;
float:none;
width:100%;
background-color:#FFFFFF;
text-align:center; }
#ladousolo{
min-height:100%;
width:98%;
float:none;
display:block;
margin-left:5px;
margin-top:5px;
margin-bottom:100px;
background-color:#FFFFFF;}
#ladou{
display:block;
float:none;
width:100%;
background-color:#FFFFFF;
}
#ladodos{
display:block;
float:none;
width:100%;
background-color:#FFFFFF;
}
#solo{
min-height:100%;
width:98%;
float:none;
display:block;
margin-left:5px;
margin-top:5px;
height:auto; }

#ladoeast1menu{
display:block;
float:none;
width:100%;
background-color:#FFFFFF;
}
#ladoeast2menu{
display:block;
float:none;
width:100%;
background-color:#FFFFFF;
text-align:left; 
}
#ladoeastfull{
display:block;
float:none;
width:100%;
background-color:#00CCCC;
text-align:center; }
 }




}