/* fuentes */

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../img/fondo-lateral.jpg) repeat center center #DDDDDD;
	background: 
		url(../img/fondo-lateral.jpg) center top repeat-x,
		url(../img/fondo-gris.jpg) right top repeat;

	/**/
	font-family: 'latoregular',Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #777;
}



/*  */

#cabecera {
	height: 265px;
	background: url(../img/cabecera.jpg) no-repeat left top transparent;
}


/* Estilos nav superior al hacer scroll */
header {
	height:280px;
}
#nav.affix {
    position: fixed;
    top: 0;
    /*left: 0;
    width: 100%;*/
    z-index:10;
    background: url(../img/base-menu.jpg) repeat-x center top transparent;
}
#sidebar.affix-top {
    position: static;
}
#sidebar.affix {
    position: fixed;
    top: 80px;
}
.navbar-default {
	background: transparent;
	box-shadow: none;
	border: none;
}

/* ----------------------------------- --------- */
.centrado {
  text-align: center;
}

/* --------------------------------------------- */
#logo-cabecera-2{
	background: url(../img/logo-cabecera.png) repeat-x center top;
	height: 240px;
	width: 350px;
	float: right;
	margin: 20px 20px 0 0;
}


.bloque-servicios h2{
	margin: 5px 0 5px 0;
}

.bloque-servicios a{
	text-decoration: none;
}

.bloque-servicios .img-bloque{
	margin: 15px 0 5px;
}


.bloque-servicios p.text-bloque{
	/*min-height: 80px;*/
	padding: 0 30px;
	color: #777;
}

#base-acceso{
	background: url(../img/base-acceso.png) no-repeat center top;
	height: 140px;
	width: 255px;
	margin: 20px 20px 0 0;
	padding: 33px 0 0 0;
}

#base-acceso a{
	display: block;
	padding: 5px 10px;
	font-size: 16px;
	color:  #CC1040;
	text-decoration: none;
	font-weight: bold;
}


.titulo-central h2{
	color: #2A466E;
	padding: 0 0 15px 20px;
}

/*.texto-central .bloque{
	padding: 0 25px;
}*/

.caja-1{
	background-color: #F0F0F0;
	padding: 20px;
	margin-left: 15px;
}

.caja-1 h4{
	color: #76B3EB;
}


.bloque-modulo p.minH-100{
	min-height: 100px;
}

.footer {
	color:#FFFFFF;
	background-color: #122755;
	min-height: 120px;
	padding: 15px 20px;
}

/* Navegacion y links */
.navbar-default .navbar-nav a{
	text-transform: uppercase;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	color: #C50D37;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #fff;
}
.navbar-default li {
	transition: all 500ms ease-in-out;
}
.navbar-default li:hover {
    background:#C50D37;
}

#base-acceso a.boton-acceso:hover{
	color: #2A466E;
}


.footer a{
	color: #fff;
}
/* */

h1{	
	color: #2A466E;
	font-size: 30px;
}

h2{
	color: #76B4EB;
	font-size: 24px;
}

h3{
	font-size: 20px;
}

ul.lista{
  padding: 0 0 0 0px;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0.3em 0 0 1.0em;
}

.lista li {
  	padding: 0 0.4em 0.5em 0.4em;
  	color: #AB0031;
}
.lista li li{
	padding: 0 0.4em 0.3em 0.4em;
  	color: #767676;
}

span.tlist {
  color: #777;
}

.list-padding-bottom-15 li{
	padding: 0 0.4em 1.5em 0.4em;
}

/* Generales  */
.limpio {
	clear: both;
}

.margin-0{
	margin: 0;
}

.espacio-3 {
	height: 3px;
}
.espacio-5 {
	height: 5px;
}
.espacio-8 {
	height: 8px;
}
.espacio-10 {
	height: 10px;
}
.espacio-15 {
	height: 15px;
}
.espacio-20 {
	height: 20px;
}
.espacio-30 {
	height: 30px;
}
.espacio-40 {
	height: 50px;
}
.espacio-50 {
	height: 50px;
}
.espacio-80 {
	height: 80px;
}
.espacio-350 {
	height: 350px;
}
.espacio-400 {
	height: 400px;
}

.padding-0{
	padding: 0;
}
.margin-0{
	margin: 0;
}

.padding-left-30{
	padding-left: 30px;
}
.padding-right-30{
	padding-right: 30px;
}
.padding-left-40{
	padding-left: 40px;
}
.padding-right-40{
	padding-right: 40px;
}

.margin-top-bottom-20{
	margin: 20px 0;
}
.margin-top-bottom-10-20{
	margin: 10px 0 20px 0;
}

a{ border: none; outline:0;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

.marcado-1{
	color:  #052552;
	/*font-size: 16px;*/
	font-weight: bold;
}

.sombra-1{
	-webkit-box-shadow: 0 6px 6px -6px #777;
	   -moz-box-shadow: 0 6px 6px -6px #777;
	        box-shadow: 0 6px 6px -6px #777;
}


/* ---------------- Responsive ---------------- --------- */

@media (min-width: 1200px){
	.container {
	  width: 970px;
	}
}


@media (min-width: 980px) {
	#cabecera{
		width: 980px;
		margin: 0	auto;
	}
}

@media (max-width: 1200px) and (min-width: 993px) {
	#base-acceso{
		width: 100%;
	}
	.caja-1{
		margin-left: 0px;
	}
}
@media (max-width: 992px) and (min-width: 768px) {
	#cabecera{
		width: 100%;
	}
	#base-acceso{
		width: 100%;
	}

	/* Con el siguiente bloque hacemos que salte antes el menu movil*/
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	/**/
	#nav.affix {
    	width: 100%;
    	left: 0px;
    }
    .navbar-collapse{
    	background-color: #FFFFFF;
    }
    /**/
    .bloque-modulo p.minH-100{
		min-height: 0px;
	}
	.caja-1{
		margin-left: 0px;
	}

}	


@media (max-width: 768px) and (min-width: 5px)  {
	#cabecera{
		background: url(../img/cabecera-responsive.jpg) no-repeat center top;
	    /*background-size: 100% auto;*/
	}
	#base-acceso{
		width: 100%;
	}
	#logo-cabecera-2{
		display: none;
	}
	#nav.affix {
    	width: 100%;
    	left: 0px;
    }
    .navbar-collapse{
    	background-color: #FFFFFF;
    }
    .bloque-modulo p.minH-100{
		min-height: 0px;
	}
	.caja-1{
		margin-left: 0px;
	}
}