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

body {
	background: #EEEEEE;
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: none;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

.container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
}

.content {

	padding: 10px 0;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.headerIdiomasFlags { float:right; width:45%; text-align:right}

.header2 {float:left; width:100%; background-color:#001E51; padding:5px 0}
.header2Container {width:980px; margin: 0 auto;}	
.hader2Logo {float:left; margin:10px 0}
.header2Contact {float:right}

.headerMenu {float:left; width:100%; background-color:#00AEEF; font-size:.9em}
.headerMenuCont{width:980px; margin: 0 auto;}
.menuOpc{ display:inline-block; padding:15px 0; margin:0 8px}
.menuOpc a:link, a:visited { color:#FFF; padding:15px 10px}
.menuOpc a:hover { background-color:#0072BC; text-decoration:none}

#menu2 {width:100%; text-align:center; display:none; padding:10px 0}
#menu2Select {
	width:90%;
	padding:10px;
	background-color:#FFF;
}
.footer {float:left; width:100%; background-color:#939597; text-align:center; margin-top:20px; padding:10px 0; color:#FFF; font-size:.8em}

@media only screen and (max-width: 980px) {
	.headerIdiomas {width:100%}
	.headerIdiomasTxt { margin-left:20px;}
	.header2Container {width:100%;}	
	.hader2Logo { margin-left:20px}
	.header2Contact { margin-right:10px}
	.headerMenuCont{width:100%;}	
	.container { width:100%;}
}
@media only screen and (max-width: 700px) {
		.headerIdiomasFlags { float:left; width:100%; text-align:center}
}
@media only screen and (max-width: 620px) {
		.hader2Logo { width:100%; text-align:center;}
		.header2Contact {float:left; width:100%; }
		#menu {display:none}
		#menu2 { display:block;}
}