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

*{
	border: 0px;
    margin: 0 auto;
	outline: 0;
    padding: 0;	
	position:relative;
	vertical-align: baseline;	
}

html,body
{	
	background:url('../images/fondoblanco.jpg') no-repeat center top;
	background-attachment: fixed;
	background-size:100%;
	font-family: 'Markazi Text', serif;
	margin:0px;
	min-height:100%;
}

a:link 
{	
	text-decoration:none;
} 
a:visited 
{
	text-decoration:none;
} 
a:active 
{
	font-style: italic;
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
} 

#container
{	
	/*background-color:cornflowerblue;*/
	background-color: rgba(100, 149, 237, 0.9);
	min-height:100%;
	width:100%;	
}

/*--------------------------------------------------CABECERA GENERAL----------------------------------------------------*/

#negro
{
	background-color: black;
	color: darkgray;
	height: 30px;
	padding-top: 10px;
	text-align: right;
	width: 100%;
}

#negro img{
	width: 3%;
}

/*--------------------------------------------------CABECERA----------------------------------------------------*/
#cabecera{
	background-color: rgba(0, 0, 0, 0.7);
	border-bottom: solid 5px #FFF;
	padding: 20px 0;
}

#logo
{
	float:left;
	margin-left:12%;
	margin-top:10px;
	width:20%;
}

#menu
{
	float: left;
	padding: 50px 0;
	width:60%;
}

.topnav {		
    overflow:hidden;
    padding:0;
    width:100%;
}

.topnav a {
	display:block;
    float: left;
    text-align: center;
    padding: 0 2%;	
    
    text-decoration:none;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;	
	
    font-size:2em;
    font-weight:bold;
	margin-left: 2%;
	
	color: white;
	
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    color: #000;	
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/*--------------------------------------------------INDEX----------------------------------------------------*/
.columnas{
	border-bottom: solid 5px #FFF;
	height: 400px;
	width: 100%;
}
.columna
{
	color:#3D3D3D;
	float: left;
	font-size: 2em;
	margin: 50px 1%;
	text-align: center;
	width:30%;	
}
.columna img
{
	width: 50%;
}

.bicolumna
{
	color:#3D3D3D;
	float: left;
	font-size: 2em;
	height:300px;
	margin: 20px 5%;
	text-align: center;
	width:40%;	
}
.bicolumna img
{
	width: 100%;
}

#bottom{
	background-color: #C1C1C1;
	height: 50px;
	padding-top: 20px;
}
.columnabottom{	
	float: left;
	font-size: 1em;	
	text-align: center;
	width:30%;
}