/* 
    Created on : 15-jun-2015, 14:16:27
    Author     : Antonio Martínez García
*/
/* Regla para el decorador del header */
#dec_top{
    display: block; 
    height: 80px;
    width: 100%;
    position: absolute;
    background-color: #005448;
    top: 0px;
    z-index: -12;
}
/* Reglas del header */
header {
    background-color: #005448;
    height: 80px;
    z-index: 19;
    margin: 0px auto;
    padding: 0;
    display: inline-block;
    width: 100%;
    top: auto;
}
header #buscar{
    position: relative;
    bottom: 20px;
    right: 160px;
    float: right;
    padding: 0;
}
header #buscar img{
    margin-left: 5px; 
    height: 10px;
}
header #buscar input{
    width: 130px;
    margin: 1px 2px;
    border-style: solid;
    border-width: 0px;
    border-color: #005448;
}
header #buscar form {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #005448;
    display: inline-block;
    margin: 0px 0px;
}
header #buscar button {
    cursor: pointer;
    font-variant: all-petite-caps;
    padding: 0px;
    margin: 0px;
    color: white;
    border-color: #005448;
    border-style: solid;
    border-width: 1px;
    background-color: #005448;
}
header #titulo{
    height: 100%;
    color: white;
    margin: 0;
    font-size: 30px;
    vertical-align: middle;
    padding: 0px;
    float: left;
}
header #logo{
    height: 65px;
    padding: 7px 15px 7px 20px;
}
header #logo_txt{
    top: 12px;
    height: 25px;
    padding: 0px 20px 15px 0px;
}
header .lista_social {
    position: relative;
    top: 20px;
    display: block;
    margin-top: 20px;
    height: 20px;
    float: right;
    margin-left: -90px;
    margin-right: 20px;
}
header .lista_social li, .lista_social li:hover{
    display: inline-block;
    border-style: none;
    height: 25px;
    width: 25px;
    padding: 0px 0px 0px 0px;
    margin: 0px 1px;
    background-size: 25px;
}
header .lista_social li a{
    width: 20px;
    height: 20px;
    display: block;
}
/* Reglas para el nav y #opciones (los menús) */
nav {
    font-variant: all-petite-caps;
    font-size: 16px;
    padding-top: 42px;
    text-align: center;
    text-decoration: none;
    background: #005448;
}
nav ul li a, nav ul a, nav ul li ul a{
    text-decoration: none;
    display: block;
    color: white;
}
nav ul {
    text-align: left;
    display: block;
    padding: 0px 0px;
    list-style: none;
}
nav ul li {
    display: inline-block;
    position: relative;
    background: #005448;
    cursor: pointer;
    margin-right: -6px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: white;
}
nav ul li a{
    display: block;
    padding: 2px 10px 5px;
    
}
nav ul li:hover a {
    background: #E6E5EA;
    text-decoration: none;
    color: #000;
}

nav ul li ul {
    text-decoration: none;
    padding: 0;
    position: absolute;
    top: 23px;
    left: -1px;
    min-width: 90px;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
}
nav ul li ul li { 
    background: #E6E5EA; 
    display: block; 
    color: #000;
}
nav ul li ul li:hover, nav ul li ul li:hover a { 
    color: #005448;
    background: #bbb; 
}
nav ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}
/* Reglas para el otro menú encima del cuadro de búsqueda */
#opciones {
    font-size: smaller;
    margin-top: 7px;
    margin-right: 170px;
    float: right;
    text-align: center;
    text-decoration: none;   
}
#opciones ul li a, #opciones ul a, #opciones ul li ul a{
    text-decoration: none;
    display: block;
    color: white;
}
#opciones ul {
    text-align: left;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#opciones ul li {
    font-weight: bold;
    display: inline-block;
    margin-left: 0px;
    position: relative;
    cursor: pointer;
}
#opciones ul li a{padding: 5px 7px;}
#opciones ul li a:hover {
    background: #E6E5EA;
    text-decoration: none;
    color: #000;
}
#opciones ul li ul {
    text-decoration: none;
    padding: 0;
    position: absolute;
    top: 21px;
    left: 0;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
#opciones ul li ul li a { 
    width: 85px;
    background: #E6E5EA; 
    display: block; 
    color: #000;
}
#opciones ul li ul li a:hover {
    color: #005448;
    background: #bbb;
}
#opciones ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;   
}
/* Comienzan las reglas del pie */
footer {
    font-weight: bold;
    display: inline-block;
    height: 135px;
    margin-top: 80px;
    margin-bottom: -5px;
    position: relative;
    width: 100%;
    bottom: 0px;
    background-color: #005448;
    color: white;
}
footer #cp1{
    border-style: solid;
    border-color: #022e00;
    border-width: 0px 1px 0px 1px;
    min-width: 970px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    box-shadow:
		 10px 0px 10px -7px rgba(0,0,0,0.5),
		-10px 0px 10px -7px rgba(0,0,0,0.5);
    height: 135px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto 0 auto;
}
footer #cp1 #cp2{
    min-height: 100%;
    border-style: solid;
    border-width: 0 1px 0px 1px;
    border-color: #c0d4cf;
}
.pie_col {display: inline-block;}
.pie_col a {text-decoration: none;  color: inherit;}
.pie_col a:hover{text-decoration: underline;}
#pie_col_de{
    float: right;
    width: 49%;
    margin-top: 30px;
}
#pie_col_de #pie_empresa{
    float: right;
    margin-right: 20px; 
    font-size: 10px;
    text-align: right;
}
#pie_col_de #pie_logo img{
    display: block;
    margin-top: -20px;
    margin-right: 20px;
    width: 100px;
    float: right;
}
#pie_col_de #inicio{
    margin-top: 10px;
    font-size: 12px;
    text-align: left;
    float: left;
}
#pie_col_de #inicio li{margin-bottom: 7px;}

/*blqoue izquierdo*/
#pie_col_iz{
    float: left;
    width: 47%;
    display: inline-block;
}
#pie_col_iz .colum {
    font-size: 12px;
    margin-top: 30px;
    margin-left: 30px;
    text-align: left;
    float: left;
}
#pie_col_iz #col1 u{font-size: 16px;}
#pie_col_iz li{
    display: block;
    height: 20px;
}
#pie_col_iz #derechos{
    font-size: 10px;
    float: left;
    margin-top: 0px;
    margin-right: -250px;
}
#pie_col_iz #pie_social u{
    float: left;
    margin-top: 30px;
    margin-left: 27.5%;
}
#pie_col_iz .lista_social{
    text-align: left;
    float: right;
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
}
#pie_col_iz .lista_social li{
    display: inline-block;
    height: 30px;
    width: 30px;
    padding: 0px 0px 0px 0px;
    margin: 5px 1px 0px 0px;
    background-size: 30px;
}
#pie_col_iz .lista_social li a{
    width: 30px;
    height: 30px;
    display: block;
}
/* Logos de las redes sociales */
.face{background-image: url(../img/DEF/social/fb-b-m.png);}
.twit{background-image: url(../img/DEF/social/tw-b-m.png);}
.yotb{background-image: url(../img/DEF/social/yt-b-m.png);}
.blog{background-image: url(../img/DEF/social/bg-b-m.png);}
.face:hover{background-image: url(../img/DEF/social/fb-c-m.png);}
.twit:hover{background-image: url(../img/DEF/social/tw-c-m.png);}
.yotb:hover{background-image: url(../img/DEF/social/yt-c-m.png);}
.blog:hover{background-image: url(../img/DEF/social/bg-c-m.png);}