/*----------------------------------------------*/
/* 2.1 Global Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) */
/*----------------------------------------------*/
body {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1;
	font-family: 'Open Sans', 'sans-serif'; 
}

#tel{text-align:right; font-weight: 300; color:#023859; font-size:20px}

ol, ul {list-style: none; }


/* Clearfix */
.clearfix { display: block; }

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	height: 0;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; /* IE < 8 */ }
	
/*----------------------------------------------*/
/* 2.2 @Font Face */
/*----------------------------------------------*/
/* Sosa Icon Font
---------------------------------------------------------- */
#redes{background-color:#03658c; width:35px; height:35px;}
#redes:hover{background-color:#e06b52;}

/*----------------------------------------------*/
/* 2.3 General Styles */
/*----------------------------------------------*/
html { -webkit-text-size-adjust: none; }

body {
	background-position: 0 0;
	background-repeat: repeat;
	background-color: #023859;
	font: 12px/22px "Open Sans", "Arial", "Helvetica", sans-serif;
	font-weight: 400;
	color: #626364;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 0px; }
	
::selection {
	background: #03658c;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #03658c;
	color: #fff;
	text-shadow: none;
}

/* textos
---------------------------------------------------------- */
a {
	padding: 4px 0 2px;
	font-size: 13px;
	font-weight: 600;
	color: #FFF;
	text-decoration:none;
}
	
a.link:hover {
	color: #03658c;
}
		
.expli{color:#FFF; font-size:14px; font-weight:300; margin-left:8px; margin-right:8px;}



/* Floating & Alignment
---------------------------------------------------------- */

.text-align-center {text-align: center; }
	

/*----------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-fourth-dos, .two-fifth, .three-fifth, .four-fifth {
	position: relative;
	float: left;
	margin:0%;
}

.one-half { width: 48%; }
.one-third { width: 30.6667%; }
.two-third  { width: 65.3332%; }
.one-fourth { width: 33.333%; }

.one-fourth-dos { width: 50%;}

.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 79.2%; }
	
.last {
	clear: right;
	margin-right: 0 !important;
}
	


.logo-formacion{width: 50%; }



/* Color cajas
---------------------------------------------------------- */
.framed-box {
	background-color:#023859;
	position: relative;
	margin-bottom: 20px;
	color:#FFF;
	border: 2px solid #c7cad0; 
	border-radius: 5px;
}
	
	.btentrar{ border-radius: 5px; background-color:#03658c;  color:#FFF; font-weight:600; bottom:-12px; padding:5px}
	
	
.framed-box:hover{background-color:#03658c;color:#FFF; -moz-transition-property: background-color;-moz-transition-duration: 0.5s;
-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;
-o-transition-property: background-color;-o-transition-duration: 0.5s;}

.framed-box:hover .btentrar{background-color:#e06b52; color:#FFF;-moz-transition-property: background-color;-moz-transition-duration: 0.2s;
-webkit-transition-property: background-color;-webkit-transition-duration: 0.2s;
-o-transition-property: background-color;-o-transition-duration: 0.2s;}	

	


/*====================================================================*/
/* 3. SITE STRUCTURE */
/*====================================================================*/
#page-wrap {
	background-color:#DCE0E7;
	position: relative;
	margin: 0 auto;
}

#page-wrap.wide { width: auto; }



.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
	
#content, #sidebar { position: relative; }
	
/*----------------------------------------------*/
/* 3.1 Header */
/*----------------------------------------------*/
#header {
	display: block;
	position: relative;
	padding: 30px 0 0;
	z-index: 2;
	background-color:#FFF;
}

#header .container { padding: 0 0 30px 0; }
	
/* Logo
---------------------------------------------------------- */
 #logo {
	margin-top: 0px;
	float: left;
}
	

		
/*----------------------------------------------*/
/* 3.2 Redes sociales */
/*----------------------------------------------*/
#navigation {
	position: relative;
	float: right;
	margin: 0;
	height: 50px;
}


.ddsmoothmenu ul{
	list-style-type: none;
	margin: 0;
	z-index: 100;
}

.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 0 4px;
}

			





/*----------------------------------------------*/
/* 3.6 Content */
/*----------------------------------------------*/
#content { padding: 0 0 50px; }
	
/* Section General
---------------------------------------------------------- */
.section-wrap { margin: 0 0 55px; }
	
.section-wrap:last-child { margin-bottom: 20px; }

.imagen-tutular{background-image:url(../imagen/img-banner.jpg);
	background-repeat:no-repeat; height:200px; margin-bottom:10px; margin-top:0px;  
	border-bottom-left-radius:5px; border-bottom-right-radius:5px; border: 2px solid #fff; }

.imagen-promoGafas {
    background-image: url(../imagen/img-banner-promoGafas.jpg);
    background-repeat: no-repeat;
    height: 200px;
    margin-bottom: 10px;
    margin-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #fff;
}
		
.section-title {
	
	line-height:35px;
	margin: 0 0 20px 0;
	padding: 0;
	height: 14px;
	font-size: 3em;
	font-weight: 400;
	text-align: center;
	color:#023859; padding-top:50px; }


.section-formacion {
	padding: 0;
	height: 14px;
	font-size: 3em;
	font-weight: 400;
	text-align: center;
	color:#023859; padding:20px;}



/* 3.9 Footer Bottom */
/*----------------------------------------------*/
#footer-bottom {
	background: #023859;
	font-size: 11px;
}

#footer-bottom .container {
	overflow: hidden;
	padding: 15px 0;
}

/* Copyright
---------------------------------------------------------- */
.copyright {
	float: left;
	margin: 0;
	line-height: 18px;
	color:#FFF
}

.copyright a{ color: #fff; }
.copyright a:hover, .footer-menu li a:hover { color: #fff; }


/*----------------------------------------------*/
/* Estructura caja */
/*----------------------------------------------*/


.icon-image.align-center, .icon-font.align-center {
	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
}

	
.icon-image.align-center img { margin: 0 auto 5px; }


.icon-box.framed-box {
	padding: 25px;
	display: block;
	z-index: 1;
	
}