@charset "utf-8";
/*
Theme Name: Observatorio Virtual
URI: http://observatoriovirtual.com 
Description: Obervatorio Virtual's Theme  
Version: 4.4.2
Author: SecuenciaFi
Author URI: http://www.secuenciafi.com  
*/
/* CSS Document */
.IndexBackground{
	background-image:url(../images/IndexBackground.jpg);
	background-size:cover;
	background-position:top;
}
.IndexTitle{
	color:#FFF;
	font-size:36px;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
}
.Shadow{
	background-image:url(../images/shadow.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.Subtitles{
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size:24px;
}
.Date{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:16px;
}
.acotaciones{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:16px;
}
.no-pad{
	padding:0;
}
.Enfasis{
	color: #1b4e69;
	font-weight:600;
	font-family: 'Roboro', sans-serif;
}
.Body{
	color:#FFF;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
}
.titulos{
	color:#000;
	font-weight:600;
	font-family: 'Roboto', sans-serif;
	font-size:40px;
}
.cuerpo{
	color:#000;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
}
.datos{
	width:100%;
	padding: 12px 20px;
	background-color: #15374a;
	color:#FFF;
	border: none;
	transition-property:background-color;
	transition-duration: .2s;
	transition-timing-function: ease-in;
}
.datos:focus{
	background-color:#215F82;
}
.enviar{
	background-color:#6fc028;
	border: none;
	padding:10px 18px;
	color:#FFF;
	width:20%;
	font-size:20px;
	transition-property:background-color;
	transition-duration: .2s;
	transition-timing-function: ease-in;
}
.enviar:hover{
	background-color: #15374a;
}
.contact{
	background-image:url(../images/ContactBG.png);
	background-position:center;
	background-size:cover;
}

/*Dropdown selector*/

.dropcontainer {
position: relative;
font-size: 36px;
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight:400;
margin-left:auto;
margin-right:auto;
}

.trigger {
color: #FFF;
padding: 10px;
font-size: 36px;
width: 50%;
background: #154a65 url(../images/select-arrow-open.png) 98% center no-repeat;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
font-weight:400;
margin-left:auto;
margin-right:auto;
}

.trigger:hover {
color: #FFF;
background: #236f96 url(../images/select-arrow-open.png) 98% center no-repeat;
}

.activetrigger {
color: #FFF;
padding: 10px;
font-size: 36px;
width: 50%;
background: #236f96 url(../images/select-arrow-close.png) 98% center no-repeat;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;font-family: 'Roboto', sans-serif;
font-weight:400;
margin-left:auto;
margin-right:auto;
}

.activetrigger:hover {
background: #236f96 url(../images/select-arrow-close.png) 98% center no-repeat;
color: #FFF;
}

.activetrigger:active {
background: #236f96 url(../images/select-arrow-close.png) 98% center no-repeat;
color: #FFF;
}

.dropcontainer ul {
font-size: 16px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
list-style-type: none;
padding: 10px;
margin: 0;
margin-left:auto;
margin-right:auto;
width: 50%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.dropcontainer ul li {
padding: 5px;
margin-left:auto;
margin-right:auto;
}

.dropcontainer ul li:hover {
background: #f5f5f5;
outline: none;
margin-left:auto;
margin-right:auto;
}

.dropcontainer ul li:first-child {
display: none;
margin-left:auto;
margin-right:auto;
}

.dropcontainer ul li:last-child {
border-bottom: none;
}

.dropdownhidden {
display: none;
}

.dropdownvisible {
height: auto;
margin-left:auto;
margin-right:auto;
}

/*End of Dropdown selector*/
