@CHARSET "UTF-8";

/* Inicialización de HTML5 para otros navegadores */
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; }

/* Main blocks */
body { font:13px/150% Helvetica Neue, Helvetica, sans-serif; padding: 0px; margin: 0px;}

h1, h2, h3, h4, h5, h6, nav#mainmenu  {font-family: Georgia, Helvetica Neue, Times, Serif}

img { border: 0; }

/* Main page */

/* Navegation vars */

nav#mainmenu {width: 978px; margin: 0px auto; background-color: white; color: #293689; }

nav#mainmenu ul{ display: inline; padding: 0px; font-size: 17px;}

nav#mainmenu ul li {display:inline-block; margin: 0px 2px; }

nav#mainmenu ul li a {padding: 10px 0px; text-align: center; width: 230px; display:inline-block;
	color: #293689; text-decoration:none;}
	
nav#mainmenu ul li a:hover {text-decoration:underline;}

/* Main */

#main {padding:0px; border: 1px black; margin: 0px auto; width: 978px;  }

/* Post/Page */
#post, #page {padding:0px; border: 1px black; margin: 0px auto; width: 978px;  }
#post h1, #page h1 {font-size: 50px; padding: 50px 50px 0px 50px; font-weight:bold; line-height: 60px;margin:0px;
  text-shadow: rgba(0, 0, 0, 0.99) 0px 0px 20px; }
  
#post h2, #page h2 {font-size: 25px;  font-weight:bold; font-style:normal; padding:40px 0px 0px 0px; color: black;}

#post h2 a, #page h2 a {text-decoration:none; color: black;}
	
#post h1 a, #page h1 a {text-decoration:none; color: white;}

#post h2 a:hover, #page h2 a:hover  {text-decoration:underline;color: black;}

#page h1 {text-align:right}
	
#post h1 a:hover, #page h1 a:hover  {text-decoration:underline;color: white;}

#post .postinfo, #page .postinfo { color:grey; font-size: 90%; padding:0px; margin: 0px;}

#post article, #page article{
	width: 650px;
	text-align: justify;
	margin: 0px auto;
	}
	
#post section#carousel, #page section#carousel{width: 100%; height: 361px; background-color: blue; display:block;
	background:url('../images/hojas1k.jpg'); color: white; 
	border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius : 10px;}
	
#post img{float:left; margin: 10px 20px 10px 0px;}

/* Carousel */
#main a{
	text-decoration:none;
}
div#carousel{float:left; z-index:1;  box-shadow: #000000 1px 1px 5px; width: 978px;}

div#carousel h4{font-size: 30px; margin: 0px; padding: 180px 0px 0px 60px; text-shadow: rgba(0, 0, 0, 1) 0px 0px 20px; font-style:normal; }

#main div#carousel div {width: 100%; height: 361px; background-color: blue; display:block;
	background:url('../images/Sobre-A4.jpg'); color: white; }

#main div#carousel div h2{font-size: 50px; padding: 50px 300px 0px 50px; font-weight:bold; line-height: 60px;margin:0px;
  text-shadow: rgba(0, 0, 0, 0.99) 0px 0px 20px;}

#main div#carousel div p{font-size: 20px; margin: 0px 0px 0px 50px; padding: 10px; width: 500px;
	font-style:normal; font-family: Georgia, Helvetica Neue, Times, Serif; line-height: 30px;
  background-color: rgba(255, 255, 255, 0.65); color:black; 
  border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius : 10px;}
  
#main div#call_to_action{position: absolute; width: 878px; height:  180px; z-index:4; padding: 50px 0 0 50px;}

#main div#call_to_action div#next, #main div#call_to_action div#prev{
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius : 30px;
	font-size:30px; height: 40px; width: 38px; text-align: center; line-height: 40px;
	margin-top: 200px; color:white; cursor:pointer;
} 

#main div#call_to_action a {margin: 10px 40px 10px 10px; padding: 10px; display: block; width: 300px;
	border: 4px solid #E3817F; background: #FCB880; color: white; font-size:large;
	text-align:center; box-shadow: #000000 1px 1px 5px;
	border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius : 10px;}

#main div#call_to_action a#more_info {margin: 10px; padding: 10px; display: block; width: 300px;
	border: none; background: none; color: #FCB880; font-size:medium;
	text-align:center; text-shadow: #FFFFFF 0px 0px 5px;
	box-shadow: none; border-radius:0px;-moz-border-radius: 0px; -webkit-border-radius : 0px;
	text-decoration:underline;}

/* smallboxes */

#main section.smallbox {width: 430px; height: 140px; margin: 10px 0px; padding: 10px 20px;
	background: url('../images/bgnd_450x150px.jpg'); border:0; color: white; }

#main section.smallbox p {padding: 0px; margin: 0px; text-align: justify; font-size: 12px;}

#main section.smallbox h4 {padding: 0px 0px 10px; margin: 0px; font-size: 16px; font-weight:normal;}
#main section.smallbox img {padding: 0px 0px 0px 15px;}

#main section.smallbox form {padding: 10px 0px 0px 0px;}

#main section.smallbox input {margin: 0px 0px 0px 20px;}
#main section.smallbox a:visited, #main section.smallbox a{color:white;text-decoration:underline;}

#main section.smallbox a:hover{text-decoration:none;}

/* News */

#main h3 {display: block; border-bottom: 1px solid #293689; width: 100%; 
	color:#293689; font-size: 22px; font-style:normal; font-weight:normal;}

article.news {width: 310px; display:inline-block; margin: 5px; overflow: hidden;
	text-overflow: ellipsis;}

article.news h4{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-size: 17px; font-style:normal; color:#293689; padding: 10px 0; margin: 0;}

article.news a{text-decoration:none; color: black; display:block; width: 100%;}

article.news a p{text-decoration:none; color: black; text-align: justify; font-style:normal; height: 100px;}
	
article.news a p.continue {color:#293689; text-decoration:underline; height:auto;}

article.news a p.grey {color:grey; height:auto; padding:0;margin:0;font-size: 10px;}

article.news .image{width: 300px; height: 100px}

/* Video */

section#video section {display: block; margin:5px;}

section#video section.left {width: 560px;}

section#video section.right {width: 400px;}

section#video p {color:black; text-align:justify; margin-top:0px;}


/* Form */
.thumb {float:left;width:170px;height:170px}
.formerror {display: inline-block; float:left bottom}
.formerror span{margin:0; padding:0; font-size:75%; color:red; border-style:solid; border-color:red; border-width:0px thin thin thin}
#main .field textarea{height:500px}