* {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
header2,
hgroup,
menu,
nav,
section {
    display: block;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

input:focus,
textarea:focus {
    outline: none;
}

html {
    // background: url(images/2.png) no-repeat fixed center;
    //-Prefix-free-background-size: cover;
    //-moz-background-size: cover;
    //-o-background-size: cover;
    //background-size: cover;
}

/*----------------------*/
body {
    font-family: "Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #444;
    margin: 0;
    font-size: 14px;
    overflow-y: scroll;
}

header {
    padding: 10px 1%;
    border-bottom: 1px solid #fff;
    background-image: -moz-linear-gradient(left, #132434, #747e8e);
}

header2 {
    padding: 10px 10%;
    //background-image: -moz-linear-gradient(top, #132434, #a9afbb);
    background-image: -moz-linear-gradient(top, #132434, #d3e2ea);
    background-image: -moz-linear-gradient(top, #132434, #d3e2ea);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #132434 0%, #d3e2ea 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132434', endColorstr='#d3e2ea', GradientType=1);
    /* IE6-9 */


}

#primerLogo {
    padding: 0px 0%;
    // border-bottom: 0px solid #fff;
    background-image: -webkit-linear-gradient(left, #132434, #747e8e);
    /* Chrome, Safari versiones relativamente modernas */
    background-image: -moz-linear-gradient(left, #132434, #747e8e);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, #132434 0%, #747e8e 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132434', endColorstr='#747e8e', GradientType=1);
    /* IE6-9 */

}

#linea {
    //border: 2px solid #8AC007;

    padding: 0px 0%;
    height: 30px;
    border-bottom: 0px solid #fff;
    background-image: -webkit-linear-gradient(left, #132434, #747e8e);
    /* Chrome, Safari versiones relativamente modernas */
    background-image: -moz-linear-gradient(left, #132434, #747e8e);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, #132434 0%, #747e8e 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132434', endColorstr='#747e8e', GradientType=1);
    /* IE6-9 */
    // background-image:  url(Images/linea.png) ;

}



#contenedor_gral_pag_Index {
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 3000px;
}

#contenedor_colum_izq_pag_Index {
    float: left;
    padding: 0px 5%;
    margin-left: 6%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 3000px;
    width: 16%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;

}

#contenedor_gral_pag_SCTB {
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 3800px;
}

#contenedor_colum_izq_pag_SCTB {
    float: left;
    padding: 0px 5%;
    margin-left: 6%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 3800px;
    width: 16%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;

}

#contenedor_gral_pag_LEAL {
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 6800px;
}

#contenedor_colum_izq_pag_LEAL {
    float: left;
    padding: 0px 5%;
    margin-left: 6%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 6800px;
    width: 16%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;

}

#contenedor_gral_pag_SCEL {
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 5200px;
}

#contenedor_colum_izq_pag_SCEL {
    float: left;
    padding: 0px 5%;
    margin-left: 6%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 5200px;
    width: 16%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;

}

#contenedor_gral {

    background-color: #d3e2ea;
    margin-top: 0px;
    height: 9500px;
}


#contenedor_colum_izq {
    float: left;
    padding: 0px 5%;
    margin-left: 6%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 9500px;
    width: 16%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;

}






#contenedor_gral_pagDOWNLOAD {
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 4300px;
}


#contenedor_colum_izq_pagDOWNLOAD {
    float: left;
    padding: 0px 5%;
    margin-left: 12%;
    //background-color: #788394;
    background-color: #215478;
    margin-top: 0px;
    height: 4300px;
    width: 10%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}



#contenedor_transv {
    float: left;
    padding: 0px 5%;
    margin-left: 1%;
    background-color: #215478;
    margin-top: 0px;
    height: 100px;
    width: 55%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transvTipoLinea {
    float: left;
    padding: 0px 5%;
    margin-left: 1%;
    background-color: #215478;
    margin-top: 0px;
    height: 30px;
    width: 55%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transvTipoLinea {
    float: left;
    padding: 0px 5%;
    margin-left: 1%;
    background-color: #215478;
    margin-top: 0px;
    height: 30px;
    width: 55%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_colorPag {
    float: left;
    padding: 0px 5%;
    margin-left: 1%;
    background-color: #d3e2ea;
    margin-top: 0px;
    height: 100px;
    width: 43%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_2 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 500px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_3 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 400px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_4 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 300px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_5 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 800px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_700 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 700px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_6 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 100px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}


#contenedor_transv_altura_100 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 100px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_altura_150 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 150px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_altura_200 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 200px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_1200 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 1200px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_10Lines {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 250px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_100fotos {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 1800px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_16fotos {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 400px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transv_36fotos {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    background-color: #e8eef3;
    margin-top: 0px;
    height: 800px;
    width: 47%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_transvNavidad {
    float: left;
    padding: 0px 5%;
    margin-left: 1%;
    background-color: #84c7ff;
    margin-top: 0px;
    height: 100px;
    width: 43%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_pie {
    clear: both;
    padding: 50px 0px 0px 0%;
    margin-left: 0%;
    background-color: #e8eef3;
    height: 200px;
    width: 100%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_cent_izq {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 300px;
    width: 20%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq_400 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 400px;
    width: 20%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq_500 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 500px;
    width: 20%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq_600 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 600px;
    width: 20%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq_30x350 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 350px;
    width: 30%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq_30x800 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 800px;
    width: 30%;
    box-shadow: 10px 10px 15px 20px #d3e2ea inset;
}

#contenedor_cent_izq2 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 600px;
    width: 20%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_cent_izq3 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 350px;
    width: 20%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_cent_izq4 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 1000px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_cent_izq5 {
    //clear:both;		
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 700px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #c5cbae;
    margin-top: 0px;
    height: 300px;
    width: 20%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado2 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #c5cbae;
    margin-top: 0px;
    height: 600px;
    width: 20%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado3 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 600px;
    width: 20%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;

}

#contenedor_delLado_800 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 800px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado100 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 100px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado100 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    height: 100px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado_20x150 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #96aaba;
    margin-top: 0px;
    width: 20%;
    height: 150px;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLadoCafe_400 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #c5cbae;
    margin-top: 0px;
    height: 400px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_delLado600 {
    float: left;
    padding: 50px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #c5cbae;
    margin-top: 0px;
    height: 600px;
    width: 25%;
    box-shadow: 10px 10px 15px 13px #d3e2ea inset;
}

#contenedor_animated {
    float: left;
    padding: 30px 30px 1px 50px;
    ;
    margin-left: 1%;
    margin-top: 1%;
    background-color: #c5cbae;
    margin-top: 0px;
    height: 230px;
    width: 20%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}

#contenedor_download {
    float: left;
    padding: 50px 30px 1px 17px;
    //border: 2px solid #8AC007;
    margin-left: 1%;
    margin-top: 1%;
    //background-color: #c5cbae;			
    margin-top: 0px;
    height: 300px;
    width: 10%;
    box-shadow: 10px 10px 5px 13px #d3e2ea inset;
}


#fondo_cabecera {
    background-color: #011321;
    margin-top: -13px;
    width: 100%;
}

#menu {
    padding: 1px 0%;
    background-color: #12365e;
    height: 10px;
    margin-LEFT: 10%;
    margin-RIGHT: 10%;
}

#navi {
    //padding: 30px 10%;
    //background-color: #b2ccdb;		
    list-style: none;
    margin-top: 3px;

}

#navi li {
    //color:#996988;
    background-color: #b2ccdb;
    margin: 2px;
    padding: 0;
    float: left;
    height: 50px;
    border-radius: 2px 2px 10px 10px;
    -moz-border-radius: 2px 2px 10px 10px;
    -webkit-border-radius: 2px 2px 10px 10px;
    border: 0px solid #000000;
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -Prefix-free-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -moz-border-radius: 3px 0 3px 3px;
    -Prefix-free-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    -ms-border-radius: 2px 2px 10px 10px;
}

#navi li a {
    height: 40px;
    display: block;
    width: 180px;
    padding: 4px 0;
    text-decoration: none;
    text-align: center;
    font-size: 21px;
    color: #996600;
    font-weight: bold;
    //background-color:#000000;
}

#navi li a:hover {

    color: #996988;
    margin-top: -2px;
    height: 25px;
    background-color: #003366;
    border-radius: 2px 2px 10px 10px;

}





/*----------------------*/

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/*--------mio--------------*/

nav ul2 {
    margin: 0;
    padding: 0px 70px 0px 0px;
    list-style: none;
    position: relative;
    float: right;
    // background: #eee;
    // border-bottom: 1px solid #fff;
    -moz-border-radius: 3px;
    -Prefix-free-border-radius: 3px;
    border-radius: 3px;
}

nav #logout {
    border-right: 1px solid #ddd;
    -moz-box-shadow: 1px 0 0 #fff;
    -Prefix-free-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff;
}

#label_out {
    //float: right;
    line-height: 30px;
}

/*-----------MENU CHIKITO LOGIN-----------*/

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    background: #eee;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -Prefix-free-border-radius: 3px;
    border-radius: 3px;
}

nav li {
    padding: 0px 0px 0px 30px;
    float: left;
}

nav #login {
    //border-right: 1px solid #ddd;
    -webkit-box-shadow: 1px 0 0 #fff;
    -moz-box-shadow: 1px 0 0 #fff;
    -Prefix-free-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff;
}

nav #login-trigger,
nav #signup a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    padding: 0 8px;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 #fff;
}

nav #signup a {
    -moz-border-radius: 0 3px 3px 0;
    -Prefix-free-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

nav #login-trigger {
    -moz-border-radius: 3px 0 0 3px;
    -Prefix-free-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
    background: #fff;
}

nav #login-content {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 999;
    background: #fff;
    background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -Prefix-free-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    padding: 15px;
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -Prefix-free-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -moz-border-radius: 3px 0 3px 3px;
    -Prefix-free-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
}

nav li #login-content {
    right: 0;
    width: 250px;
}

/*--------------------*/

#inputs input {
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 0 0 5px 0;
    width: 238px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -Prefix-free-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #ccc inset;
    -Prefix-free-box-shadow: 0 1px 1px #ccc inset;
    box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -Prefix-free-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#login #actions {
    margin: 10px 0 0 0;
}

#login #submit {
    background-color: #d14545;
    background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
    background-image: -Prefix-free-linear-gradient(top, #e97171, #d14545);
    background-image: -moz-linear-gradient(top, #e97171, #d14545);
    background-image: -ms-linear-gradient(top, #e97171, #d14545);
    background-image: -o-linear-gradient(top, #e97171, #d14545);
    background-image: linear-gradient(top, #e97171, #d14545);
    -moz-border-radius: 3px;
    -Prefix-free-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -Prefix-free-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #7e1515;
    float: left;
    height: 30px;
    padding: 0;
    width: 100px;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #fff;
}

#login #submit:hover,
#login #submit:focus {
    background-color: #e97171;
    background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
    background-image: -Prefix-free-linear-gradient(top, #d14545, #e97171);
    background-image: -moz-linear-gradient(top, #d14545, #e97171);
    background-image: -ms-linear-gradient(top, #d14545, #e97171);
    background-image: -o-linear-gradient(top, #d14545, #e97171);
    background-image: linear-gradient(top, #d14545, #e97171);
}

#login #submit:active {
    outline: none;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    -Prefix-free-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#login #submit::-moz-focus-inner {
    border: none;
}

#login label {
    float: right;
    line-height: 30px;
}

#login label input {
    position: relative;
    top: 2px;
    right: 2px;
}

/*--------------------*/

#about {
    margin: 15px;
}

#about a {
    color: #555;
}

.fuenteTitulo {
    font-size: 16pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #F4D03F;
}

.fuente14 {
    font-size: 16pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #F4D03F;
}

.fuente1 {
    font-size: 12pt;
    font-family: Gill Sans;
    color: #00152a;
}

.fuente2 {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #ldt000;
}

.fuente3 {
    font-size: 10pt;
    font-family: verdana, arial, helvetica;
    color: #000000;
}

.fuente18 {
    font-size: 14pt;
    font-family: verdana, arial, helvetica;
    color: #000000;
}

/*---------------------------------------------------------------FORMULARIO  REGISTRO--------------------------------------------------------*/

h1 {
    color: #0d3456;
    font-size: 16pt;
    font-family: Arial, Helvetica, sans-serif;

}

h2 {
    font-size: 20px;
    padding: 0px 0px 40px 0px;
    color: #aaa;
}

h3 {
    color: #0d3456;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
}

h4 {
    color: #0d3456;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

h5 {
    color: #0d3456;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}

h2 span {
    color: #ffa800;
}

a {
    color: #777;
}

a:hover {
    color: #222;
    //color:666633;
}

p {
    padding: 5px 0px;
}

.wrapper {
    width: 960px;
    margin: 20px auto;
    min-height: 550px;
}

.box {
    width: 49%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

a.back {
    color: #777;
    position: fixed;
    top: 5px;
    right: 10px;
    text-decoration: none;
}

/* Form Style */
.form_wrapper {
    background: #12568;
    //border:10px solid #ddd;
    margin: 0 auto;
    //width:700px;
    font-size: 16px;
    -moz-box-shadow: 1px 1px 7px #ccc;
    -Prefix-free-box-shadow: 1px 1px 7px #ccc;
    box-shadow: 1px 1px 7px #ccc;
}

/* ------------------------------------------------- */
.form_wrapper h3 {
    padding: 50px 30px 20px 30px;
    background-image: url(Images/firma_larga.png);
    background-size: 100% 100%;
    color: #fff;
    font-size: 25px;

}

.form_wrapper h4 {
    padding: 0px 5px 5px 10px;
    background-image: -moz-linear-gradient(left, #003055, #003055);
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    //border-radius: 10px 10px 0px 0px;
}

.form_wrapper form {
    display: none;
    background: #fff;
}

.form_wrapper .column {
    width: 30%;
    float: left;
    margin-left: 10%;
}

.form_wrapper .column2 {
    padding: 300px 20px 20px 10px;
    width: 20%;
    float: left;
    margin-left: 10%;
}

form.active {
    display: block;
}

/* ------------------------------------------------- */
form.login {
    width: 400px;
}

form.register {
    width: 1000px;
}

form.forgot_password {
    width: 500px;
}

.form_wrapper a {
    text-decoration: none;
    color: #777;
    //font-size:12px;
}

.form_wrapper a:hover {
    color: #000;
}

.form_wrapper label {
    display: block;
    padding: 0px 0px 0px 30px;
    margin: 10px 0px 0px 0px;
}


.form_wrapper input[type="text"],
.form_wrapper input[type="password"] {
    border: solid 1px #E5E5E5;
    background: #FFFFFF;
    margin: 5px 30px 0px 30px;
    padding: 9px;
    //display:block;
    font-size: 16px;
    width: 80%;
    background:
        -Prefix-free-gradient(linear,
            left top,
            left 25,
            from(#FFFFFF),
            color-stop(4%, #EEEEEE),
            to(#FFFFFF));
    background:
        -moz-linear-gradient(top,
            #FFFFFF,
            #EEEEEE 1px,
            #FFFFFF 25px);
    -moz-box-shadow: 0px 0px 8px #f0f0f0;
    -Prefix-free-box-shadow: 0px 0px 8px #f0f0f0;
    box-shadow: 0px 0px 8px #f0f0f0;
}

.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus {
    background: #feffef;
}

.form_wrapper .bottom {
    background-color: #194967;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    clear: both;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.form_wrapper .bottom a {
    display: block;
    clear: both;
    padding: 10px 30px;
    text-align: right;
    color: #ffa800;
    text-shadow: 1px 1px 1px #000;
}

.form_wrapper a.forgot {
    float: right;
    font-style: italic;
    line-height: 24px;
    color: #ffa800;
    text-shadow: 1px 1px 1px #fff;
}

.form_wrapper a.forgot:hover {
    color: #000;
}

.form_wrapper div.remember {
    float: left;
    width: 140px;
    margin: 20px 0px 20px 30px;
    font-size: 11px;
}

.form_wrapper div.remember input {
    float: left;
    margin: 2px 5px 0px 0px;
}

.form_wrapper span.error {
    visibility: hidden;
    color: red;
    font-size: 11px;
    font-style: italic;
    display: block;
    margin: 4px 30px;
}

.form_wrapper input[type="submit"] {
    background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 9px;
    text-align: center;
    width: 150px;
    cursor: pointer;
    float: right;
    margin: 15px 20px 10px 10px;
    text-shadow: 0px 1px 0px #fff;
    -moz-border-radius: 4px;
    -Prefix-free-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -Prefix-free-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

.form_wrapper input[type="submit"]:hover {
    background: #d9d9d9;
    -moz-box-shadow: 0px 0px 2px #eaeaea inset;
    -Prefix-free-box-shadow: 0px 0px 2px #eaeaea inset;
    box-shadow: 0px 0px 2px #eaeaea inset;
    color: #222;
}

.ex2 img {
    height: 50px;
    width: 250px;
    margin: 15px 0;
    -Prefix-free-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.ex2 img:hover {
    height: 100px;
    width: 350px;
    //margin-top: 0px;
}

.ex3 img {
    height: 100px;
    width: 200px;
    margin: 15px 0;
    -Prefix-free-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.ex3 img:hover {
    height: 150px;
    width: 250px;
    //margin-top: 0px;
}






[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'PIOLIN' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
    content: "\48";
}

.icon-binoculars:before {
    content: "\e985";
}

.icon-airplane:before {
    content: "\e9af";
}



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

.ca-menu {
    padding: 0;
    margin: 20px auto;
    width: 500px;
}

.ca-menu li {
    width: 500px;
    height: 100px;
    overflow: hidden;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 4px;
    border-left: 10px solid #000;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ca-menu li:last-child {
    margin-bottom: 0px;
}

.ca-menu li a {
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position: relative;
}

.ca-icon {
    font-family: 'PIOLIN', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: 20px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-content {
    position: absolute;
    left: 120px;
    width: 370px;
    height: 60px;
    top: 20px;
}

.ca-main {
    font-size: 30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-sub {
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-menu li:hover {
    border-color: #fff004;
    background: #000;
}

.ca-menu li:hover .ca-icon {
    color: #fff004;
    text-shadow: 0px 0px 1px #fff004;
    font-size: 50px;
}

.ca-menu li:hover .ca-main {
    color: #fff004;
    font-size: 14px;
}

.ca-menu li:hover .ca-sub {
    color: #fff;
    font-size: 30px;
}
form {
    width: 550px;
    margin: auto;
    background: rgba(0,30,70,0.6);
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 50px;
    border-radius: 10px
    
    
}
h2{
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 30px;
    margin-bottom: 20px; 
    
}
input, textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 17px;
    border: none;
    
}
textarea{
    min-height: 200px;
    max-height: 300px;
    min-width: 100%;
    max-width: 100%;
}
#boton{
   width: 50%;
   margin-left: 25%;
   background: rgba(0,10,70,0.9);
   color: #fff;
   padding: 10px 20px;
      
 
}
#boton:hover{
    cursor: pointer;
    
}
@media (max-width:480px){
    form{
        width: 100%;
    }
    
    
}