/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/05/2015, 02:19:28 PM
    Author     : amjiaf
*/

body {
    background: #f1f1f1;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

h1 {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:35px;
    color:#002855;
    letter-spacing:inherit;
    margin-bottom:2px;
    font-weight:100;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    line-height:35px;
}

h2 {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#575756;
    letter-spacing:inherit;
    margin-bottom:2px;
    font-weight:600;
    padding-left:20px;
    padding-right:10px;
    text-align:left;
    line-height:25px;
}

h3 {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#575756;
    letter-spacing:inherit;
    margin-bottom:2px;
    font-weight:400;
    padding-left:20px;
    padding-right:10px;
    text-align:left;
    line-height:25px;
}

p {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#949393;
    line-height:20px;
    margin-top:2px;
    font-weight:300;
    padding-left:10px;
    padding-right:10px;
}	

/*
Cabezote
*/

header {
    text-align: center;
}


header.barrafija {
    background-color: #000;
    background-image: url( img/bg_cabezote.png);
    width: 100%;
    height: 50px;
    top: 0;
    display: block;
    position: fixed;
    z-index: 1000;
}

header.barratitulo {
    background-color: #cacacb;
    width: 100%;
    height: 148px;
    padding-top: 50px;
}

.cabezote {
    display: inline-block;
}

/*
Cabezote
*/

/*
Logos titulo y redes Sociales
*/

a#ces-btn{
    background-image: url('img/Titulo_principal_03.png');
    height: 98px;
    display: block;
    float: left;
    width: 91px;
}

a#ces-btn:hover{
    background-image: url('img/Titulo_principal_over_03.png');
}

a#facebook-btn{
    background-image: url('img/Titulo_principal_04.png');
    height: 98px;
    display: block;
    float: left;
    width: 40px;
}

a#facebook-btn:hover{
    background-image: url('img/Titulo_principal_over_04.png');
}

a#twitter-btn{
    background-image: url('img/Titulo_principal_05.png');
    height: 98px;
    display: block;
    float: left;
    width: 40px;
}

a#twitter-btn:hover{
    background-image: url('img/Titulo_principal_over_05.png');
}

a#youtube-btn{
    background-image: url('img/Titulo_principal_06.png');
    height: 98px;
    display: block;
    float: left;
    width: 45px;
}

a#youtube-btn:hover{
    background-image: url('img/Titulo_principal_over_06.png');
}

a#titulo-btn{
    background-image: url('img/Titulo_principal_editorial_02.png');
    height: 98px;
    display: block;
    float: left;
    width: 604px;
}

/*
Logos titulo y redes Sociales
*/

/*
sombra menu
*/

.sombramenu {
    background-image: url("img/sombra_menu.png");
    width: 100%;
    height: 53px;
    position:absolute;
    z-index:2000;
    top: 300px;
    background-repeat: no-repeat;
}


/*
menu de navegación
*/

.sombram {
    width: 100%;
    height: 103px;
    text-align: center;
    font-family:  sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    z-index: 800;
    padding-bottom: 53px;
    top:198px;
}



nav {
    width: 100%;
    height: 103px;
    text-align: center;
    font-family:  sans-serif;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    z-index: 999;
    padding-bottom: 53px;
}

nav > ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 100%;   
}

nav > ul > li {
    float: left;
    list-style: none;
    background-color: #e4e4e4;
    height: 100%;
    width: 205px;
}

nav > ul > li:hover > a {
    color: #ffffff;
}

nav > ul > li > a {
    line-height: 26px;
    height: 26px;
    color: #7c7c7c;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;

}

nav > ul > li > a:hover {
    text-decoration: none;
    color: #ffffff;
}

nav > ul > li.boton-menu-uno {
    border-top: 4px solid #135772;
    border-bottom-left-radius: 6px;
	background-color: #135772;

}

nav > ul > li.boton-menu-dos {
    border-top: 4px solid #009bdb;
    
}

nav > ul > li.boton-menu-tres {
    border-top: 4px solid #009045;

}

nav > ul > li.boton-menu-cuatro {
    border-top: 4px solid #939393;
    border-bottom-right-radius: 6px;

}

nav > ul > li.boton-menu-uno:hover {
    background-color: #135772;
}

nav > ul > li.boton-menu-dos:hover {
    background-color: #009bdb; 
}

nav > ul > li.boton-menu-tres:hover {
    background-color: #009045;
}

nav > ul > li.boton-menu-cuatro:hover {
    background-color: #939393;
}


.bannerprincipal {
    background-color: #000;
    width: 100%;
    height: 479;
    padding-top: 500px;
}

.bannerscarrusel {
    padding-top: 0px;
    background-image: url( img/bg_slider_carrusel.png);
}

/*
menu de navegación
*/

/*
contenidos
*/
.contenedorblanco {
    background-image: url('img/bg_blanco.jpg');
    width: 800px;
    margin: 0px auto;
}

.bgcontenidoblanco1 {
    background-image: url('img/bg_blanco.jpg');
    width: 100%;
    padding-top: 5px;
    padding-bottom: 50px;
}

.bgcontenidoblanco {
    background-image: url('img/bg_blanco.jpg');
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}			

.contenedorgris {
    background-image: url('img/bg_gris.png');
    width: 800px;
    margin: 10px auto;
}

.bgcontenidogris {
    background-image: url('img/bg_gris.png');
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}	


/*
contenidos
*/		

/*
fotter
*/

.fotter {
    background-color: #none;
    background-image: url( img/bg_fotter_blanco.png);
    width: 100%;
    height: 86px;
    bottom: 0px;
    display: block;
    z-index: 1000;
    text-align:center;
}

/*
fotter
*/

/*
boton Tip de TIC
*/
.tipticfijo {
    background-image: url(none);
    width: 120px;
    height: 210px;
    display:block;
    position:fixed;
    right:0px;
    top:94px;
    z-index:2000;
}

a#tiptic-btn{
    background-image: url('img/Boton_Tip_de_TIC_Boletin.png');
    height: 105px;
    display: block;
    float: left;
    width: 120px;
}

a#tiptic-btn:hover{
    background-image: url('img/Boton_Tip_de_TIC_Boletin_over.png');
}

/*
boton Tip de TIC
*/

/*
btn ir arriba
*/
.ir-arriba {
    display:none;
    padding:20px;
    background:#989ca0;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
    border-radius: 5px;
}
/*
btn ir arriba
*/