﻿* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html 
{
	height:100%;
}


body
{
	background: #ccc; /*#f2f2f2;*/
	font-family: 'Open Sans', sans-serif;
	height:100%;
}


/* Div que engloba el contenido de la página menos el footer */

#wrapper 
{
	min-height:100%;
}

footer 
{
    position: relative;
    /* Altura total del footer en px con valor negativo */
    margin-top: -88px;
    /* Altura del footer en px. Se han restado los 5px del margen
       superior mas los 5px del margen inferior
    */

    height: 77px;
    padding:7px 0px;
    clear: both;
    background: #00171f;
    text-align: center;
    color: #fff;
}










header 
{ 
	color: #ccc; 
}

header a
{
	color: #ccc; 
	text-decoration: none;
}

.logo-menu
{
	background: #00171f;
}

.logo-menu h2
{
	font-weight: 300;
	font-size: 30px;
	margin-left: 10px;
}

.logo-menu .menu a
{
	display: inline-block;
	padding: 40px 20px;
}

.logo-menu .menu a:hover
{
	border-bottom: 4px solid #38D1DF; /*#ff9f1c;*/
	padding-bottom: 36px; 
	color: #38D1DF; /*#EA5F22;*/
}

.submenu
{
	background: #003459;
}

.submenu nav a
{
	padding: 26px 20px;
	display: inline-block;
}

.submenu nav a:hover
{
	text-decoration: underline;
}


/* Main */
.main
{
	margin: 40px 0;	
	background: #ccc;
}

.main .thumb
{
	margin-bottom: 20px;
}

.main .thumb img
{
	width: 100%;
	vertical-align: top;  /*para que se posionen correctamente*/
}



/* Footer */
footersss
{
	background: #00171f;
	color: #fff;
	padding: 7px 0;
}

/* footer .nav a
{
	width: 100%;
	display: block;
	padding: 20px;  /* el display:block nos permite poner un padding
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

footer .nav a:hover
{
	text-decoration: underline;
}

footer .logo
{
	background: #003459;
	color: #fff;
	padding: 25px;
	font-weight: 300;
	border-radius: 0 30px 0 30px;
	font-size: 30px;
	text-align: center;
}*/

footer .inf
{ 
	float: left;
	margin-bottom: 5px;
	color: #808080; 
}

footer .inf img 
{ 
	vertical-align: middle; 
}

footer .inf a
{
	text-decoration: none;
}

footer .inf a:visited
{
	color: #808080;
}