/* Created by http://freehtml5templates.com */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.6em;
	line-height: 20px;
	background-color: #D9D9D9;
	background-repeat: repeat;
}
	
/* layout */

#wrapper {
	width: 940px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

nav {
	width: 940px;
	height: 110px;
	margin: 0 auto;
	background-color: #19294d;
}
.menu {
	height: 110px;
	padding-left: 40px;
	padding-top: 10px;
	background-image: url(images/top_azul.jpg);
}
.menu1 {
	height: 110px;
	padding-left: 40px;
	padding-top: 10px;
	background-image: url(images/top_azul.jpg);
}
.menu2 {
	height: 110px;
	padding-left: 40px;
	padding-top: 10px;
	background-image: url(images/azul.jpg);
}
.menu_bajo {
	padding-top: 65px;
	padding-left: 200px;
}

header {
	width: 940px;
	height: 185px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
}
.bajada_notas {
	height: 149px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#main {
width: 940px;
margin: 0 auto;
background: #FFF;
overflow: hidden;
}

#caja {
	width: 940px;
	background: #FFF;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}


#content {
float: right;
width: 940px;
}

footer {
	width: 940px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color: #333;
}

a:link, a:visited {
	color:#999999;
}

a:hover, a:active {
	color: #000066;
}

p {
	margin-bottom: 10px;
}

li {
padding-left: 5px;
}

/* nav */

nav .menu {
	font-size: 12px;
	font-weight: bold;
}

nav .menu ul {
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
	line-height: normal;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

nav .menu li {
	display: block;
	float: left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 15px;
text-decoration: none;
color: #FFF;
}

nav .menu a:hover {
	text-decoration: underline;
}

/** HEADER */

header h1, header h2 {
margin: 0;
padding: 0 0 0 30px;
line-height: normal;
}

header h1 {
	font-size: 18px;
	float: left;
	padding-top: 20px;
}

header h1 a:link, header h1 a:visited {
text-decoration: none;
color: #FFF;
}

header h1 a:hover { 
text-decoration: underline; 
}

header h2 {
	padding: 20px 0 0 20px;
	font-style: italic;
	font-size: 12px;
	color: #FFFFFF;
}

/** ARTICLES **/

article {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

article img {
	margin-right: auto;
	margin-left: auto;
}

article h2 {
	margin-top: 20px;
	font-size: 14px;
}

#content p, ul, ol, hr {
	margin-bottom: 24px;
	font-size: 12px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* footer widget blocks */

aside h3 {
font-size: 18px;
}

aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -15px;
}

aside li a {
display: block;
text-decoration: none;
}

aside li a:hover {
text-decoration: underline;
}

#footer-area {
	color: #FFF;
	font-size: 90%;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	background-color: #999;
}

.footer-segment {
	margin-right: 20px;
	margin-left: 20px;
	width: 100%;
}

footer aside h4 {
	color: #FFF;
	font-size: 14px;
	line-height: 1.5em;
}

footer a:link, footer a:visited {
color: #FFF;
}

footer p {
	margin-top: -15px;
	color: #333;
}

/** ACCORDION */
.accordbk {
	background-color: #fff;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 315px;
	width: 940px;
}
.centra_footer {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.horizontalaccordion>ul {
	margin: 0;
	padding: 0;
	list-style:none;
	height: 300px;
}

.horizontalaccordion>ul>li {
display:block;
overflow: hidden;
float:left;
margin: 0;
padding: 0;
list-style:none;
width:40px;
height: 300px;
background:#f0f0f0;
transition: width 0.3s ease-in-out;
-moz-transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
}

.horizontalaccordion>ul>li>h3 {
	display:block;
	float:left;
	margin: 0;
	padding:10px;
	height:19px;
	width:300px;
	border-left:#f0f0f0 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color: #000;
	background:#cccccc;
	white-space:nowrap;
	-moz-transform: rotate(90.0deg) translate(-40px,0px);
	-moz-transform-origin: 0 100%;
	-o-transform: rotate(90.0deg) translate(-40px,0px);
	-o-transform-origin: 0 100%;
	-webkit-transform: rotate(90.0deg) translate(-40px,0px);
	-webkit-transform-origin: 0 100%;
	transform: rotate(90.0deg) translate(-40px,0px);
	transform-origin: 0 100%;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";
	background: -moz-linear-gradient( top, #999999, #cccccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
}

.horizontalaccordion>ul>li>div {
	display:none;
	float:left;
	overflow: auto;
	position:relative;
	top:-30px;
	left:40px;
*top:0px;
*left:0px;
	margin:0;
	width:840px;
	height:300px;
	padding-left: 10px;
}

.horizontalaccordion>ul>li>div img {
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.horizontalaccordion>ul>li:hover {
overflow: hidden;
width: 720px;
}

.horizontalaccordion:hover>ul>li:hover>div {
display:block;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
color:#fff;
background:#000000;
background: -moz-linear-gradient( top, #454545, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";
}

.horizontalaccordion>ul>li>h3:hover {
cursor:pointer;
}

.horizontalaccordion h4 {
	font-size: 12px;
}
.idioma {
	font-size: 12px;
	color: #CCC;
	float: right;
	margin-right: 10px;
}
#wrapper nav .menu .idioma h3 a {
	font-size: 12px;
	color: #CCC;
}
.mapa {
	clear: both;
	float: none;
	width: 800px;
}
#mision {
	width: 800px;
	float: left;
}