﻿/*******RESETEO DE ESTILOS*********/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline}
body {line-height: 1}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
/*------FIN RESETEO DE ESTILOS----*/

/*******DOCUMENTO*********/
body {
    margin: 0 auto;
    padding: 0;
    font: normal normal normal 62.5%/100% Advent Pro, Arial, Lucida Sans, Lucida Grande, Tahoma, Verdana, sans-serif;
    color: #000;
    min-width: 1000px;
    background: #ccc url(/images/bgSitio.jpg);
}
.contenedor {
    position:relative;
    margin:0 auto;padding:0;
    width:96%;height:auto;
    min-width:960px;max-width:1200px;
}
.contenedorFull {
    position:relative;
    margin:0 auto;padding:0;
    width:100%;height:auto;
    background:#fff;
}
.cuerpoPagina {
    position:relative;
    width:96%;height:auto;
    min-width:960px;max-width:1200px;
    min-height:650px;
    margin:22px auto;padding:0;
    background-color:#fff;
    -webkit-box-shadow: 0 0 5px 0 #999999;
    box-shadow: 0 0 5px 0 #999999;
    border:solid 2px #fff;
}
.reset0{
    clear:both;
    height:0;
}
.reset1{
    clear:both;
    height:1px;
}
.reset10{
    clear:both;
    height:10px;
}
.reset20{
    clear:both;
    height:20px;
}
.reset30{
    clear:both;
    height:30px;
}
h2 {
    position:relative;
    width:100%;height:24px;
    margin:0;padding:0;
    font-size:20px;font-weight:normal;color:#666;
    line-height:24px;
    background:none;
    /*border-bottom:solid 1px #666;*/
}
h2 span {
    font-weight:normal;
}
h2.gris span {
    background-color:#ddd;
}
h2 a{
    font-size:12px;font-weight:normal;color:#254554;
    padding:0;
}
h2 a:hover{
    color:#ff5555;
}
/*------FIN DOCUMENTO----*/

/*******FORMULARIOS*********/
input[type=text], input[type=password], textarea{
    height:28px;
    padding:0 2px;
    border:1px solid #bbb;
    font:normal 14px arial, sans-serif;color:#333;
    border-radius:5px;-moz-border-radius:5px;
    -webkit-box-shadow: inset 1px 1px 1px 0 #cccccc;
    box-shadow: inset 1px 1px 1px 0 #cccccc; 
    width:96%;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover{
    -webkit-box-shadow:  0px 0px 2px 0px #19b5d1;
    box-shadow:  0px 0px 2px 0px #19b5d1;
    background:#dffeff;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus{
    -webkit-box-shadow:  0px 0px 2px 0px #19b5d1;
    box-shadow:  0px 0px 2px 0px #19b5d1;
    background:#fffbb4;
}
input[type="radio"],input[type="checkbox"] {
    position: absolute; 
    left: -999em;
}
input[type="radio"] + label:before,input[type="checkbox"] + label:before { 
    position: relative;
    display: inline-block;
    top:3px;left:0; 
	content:'';
    width:15px;height:15px;
	background-image:url(../imagenes/formularios/formelements.png); }

input[type="checkbox"] + label:before {
    background-position:0 -15px;
}
input[type="checkbox"]:checked + label:before {
    background-position:0 0 ;
}
		 
input[type="radio"] + label:before {
    background-position:-15px -15px;
}	 	
input[type="radio"]:checked + label:before {
    background-position:-15px 0;
}

input[type="checkbox"].cbSiNo + label:before { 
    position: relative;
    display: inline-block;
    top:5px;left:0; 
	content:'';
    width:55px;height:20px;
	background:url(../imagenes/formularios/formCheckBox.png) no-repeat 0 -20px;
}
input[type="checkbox"].cbSiNo:checked + label:before {
    background-position:0 0 ;
}

select {
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgb(168, 171, 186) rgb(181, 183, 197) rgb(197, 199, 210);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
    width: 100%;
    background-color: rgb(255, 255, 255);
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    color: rgb(85, 85, 85);
    vertical-align: middle;
}

label {
    position:relative;
    font-size:12px;font-weight:normal;color:#666;margin:0;padding:0;font-family:Arial;
    cursor:pointer;
}

/*******BOTONES*********/
.boton {
    position:relative;
    width:100%;height:30px;
    margin:0 auto;padding:0;
    background-color:#eee;
    cursor:pointer;
    font-size:14px;
    text-align:center;
}
.botNaranja {
    background-color:#f56436;
    border:solid 1px #dc5a31;
    color:#fff;
}
.botNaranja:hover {
    background-color:#dc5a31;
    border:solid 1px #f56436;
    color:#ff0;
}
.botAmarillo {
    background-color:#ffcc33;
    border:solid 1px #caa020;
    color:#7d642c;
    -moz-border-radius:3px;border-radius:3px;
}
.botAmarillo:hover {
    background-color:#7d642c;
    border:solid 1px #ffcc33;
    color:#ffcc33;
    -moz-border-radius:3px;border-radius:3px;
}

.botRojo{
    width:192px;
    background: #e20a17; /* Old browsers */
    background: -moz-linear-gradient(top,  #e20a17 0%, #af0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20a17), color-stop(100%,#af0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e20a17 0%,#af0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e20a17 0%,#af0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e20a17 0%,#af0e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e20a17 0%,#af0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20a17', endColorstr='#af0e0e',GradientType=0 ); /* IE6-9 */
    border:solid 1px #af0e0e;
    -moz-border-radius:3px;border-radius:3px;
    color:#fff;
}
.botRojo:hover{
    background: #af0e0e; /* Old browsers */
    background: -moz-linear-gradient(top,  #af0e0e 0%, #e20a17 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af0e0e), color-stop(100%,#e20a17)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #af0e0e 0%,#e20a17 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #af0e0e 0%,#e20a17 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #af0e0e 0%,#e20a17 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #af0e0e 0%,#e20a17 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0e0e', endColorstr='#e20a17',GradientType=0 ); /* IE6-9 */
    color:#ff0;
}
/*------FIN BOTONES----*/

/*------FIN FORMULARIOS----*/

/*******CABECERA*********/
#cabecera {
    position:relative;
    height:136px;
}
.cfCabecera {
    height:168px;
    background:#b2d019;
}
.sobreCabecera {
    position: absolute;
    width: 100%;
    height: 20px;
    top: -22px;
    /* right: 0; */
    left: -2px;
    text-align: right;
    line-height: 20px;    
    background: #a97b9b; 
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    -webkit-box-shadow: 0 0 5px 0 #999999;
    border: solid 2px #eeeeee;
    border-top: 0;
    border-bottom: 0;
}
       
 
.contCabecera {
    position:absolute;
    top:0;left:0;
    width:100%;height:122px;
    text-align:left;
    background-color:#fbfbfb;
}
.contLogo {
    position:absolute;
    width:388px;height:73px;
    top:20px;left:30px;
    text-align:center;
    background-color:#fbfbfb;
    z-index:100;
}
#cabLogo {
    position:relative;
}

.cabeceraMenu {
    position:absolute;
    top:105px;left:0;
    width:100%;height:44px;
    background: #b2d019;
    z-index:5;
}
#cabMenu {
    position:relative;
    display:block;
    margin:0 0 0 2%;padding:0;
    width:100%;height:24px;
    right:2%;top:10px;
}
#cabMenu li {
    position:relative;
    display:inline-block;float: right;
    margin:0 5px;padding:0 10px;
    width:auto;height:24px;
    line-height:24px;
    -moz-border-radius:3px;border-radius:3px;
}
#cabMenu li a{
    display:block;
    font-size:12px;font-weight:bold;color:#fff;
    text-decoration:none;
}
#cabMenu li:hover{
    background-color:#c0bebf;
}
#cabMenu li.cmSelected{
    background-color:#945c83;
}

#cabecera #datosContacto {
    position:absolute;
    top:10px;right:10px;
    width:600px;height:26px;
}
    #cabecera #datosContacto li {
        position:relative;
        display:inline;float:right;
        width:auto;height:26px;
        margin:0;padding:0;
        line-height:26px;
        font-size:14px;font-weight:bold;color:#363637;
    }
     #cabecera #datosContacto li.cdcIcono {
        margin:0 5px 0 20px;
    }
     #cabecera #datosContacto li a {
        font-size:14px;font-weight:bold;color:#363637;
        text-decoration:none;
    }
     #cabecera #datosContacto li a:hover {
        color:#0f4584;
    }
     #cabecera #datosContacto li a.cdcIdioma {
        font-size:14px;font-weight:normal;color:#363637;
        text-decoration:none;
    }
     #cabecera #datosContacto li a:hover {
        color:#0fa5de;
    }
#cabecera .cabDireccion {
    position:absolute;
    top:40px;right:10px;
    width:600px;height:20px;
    line-height:20px;
    font-size:13px;font-weight:bold;color:#363637;
    text-align:right;
}

/*------FIN CABECERA----*/

/*******PIE*********/

#pieSup {
    position:relative;
    margin:0;padding:0;
    width:100%;height:148px;
    background-color:#dbdbdb;
    /*border-top:solid 8px #818286*/
}
    #pieSup img {
        position:absolute;
        top:9px;left:37px;
    }

      #pieSup p {
        position:relative;
        top:15px;
        margin:0;padding:0 0 0 10px;
        width:100%;height:auto;
        font-size:12px;color:#844886;font-weight:bold;
        line-height:16px;
        text-align:justify;
    }


#pieMedio {
    position:relative;
    margin:0;padding:0;
    width:100%;height:auto;
    background-color:#000;
}
    #pieMedio p {
        position:relative;
        margin:0;padding:0 0 0 10px;
        width:100%;height:auto;
        font-size:12px;color:#818286;font-weight:normal;
        line-height:16px;
        text-align:center;
    }
    #pieMedio p span{
        font-weight:bold;
    }
    #pieMedio p a{
        font-size:12px;color:#818286;font-weight:bold;
    }
    #pieMedio p a:hover{
        color:#161e2d;
    }

#pieInf {
    position:relative;
    margin:0 auto;padding:0;
    width:100%;height:30px;
    background-color:#2c2f31;
}
    #pieInf p {
        position:relative;
        margin:0 auto;padding:0;
        width:100%;height:30px;
        line-height:30px;
        font-size:11px;color:#ccc;font-weight:normal;
        text-align:center;
    }
    #pieInf p a{
        font-size:11px;color:#ccc;font-weight:normal;
    }
    #pieInf p a:hover{
        color:#ff0;
    }

/*------FIN PIE----*/

/*******ENLACES Y TEXTOS*********/

/*------FIN ENLACES Y TEXTOS----*/

/*******COLUMNAS*********/
.columna {
    position:relative;
    float:left;
    margin:0 1.04166666% 20px 1.04166666%;padding:0;
}
.colSpan01{
    width:6.25%;
}
.colSpan02{
    width:14.5833333%;
}
.colSpan03{
    width:22.9166666%;
}
.colSpan04{
    width:31.25%;
}
.colSpan05{
    width:39.5833333%;
}

.colSpan06{
    width:47.9166666%;
}
.colSpan07{
    width:56.25%;
}
.colSpan08{
    width:64.5833333%;
}
.colSpan09{
    width:72.9166666%;
}
.colSpan10{
    width:81.25%;
}
.colSpan11{
    width:89.5833333%;
}
.colSpan12{
    width:97.9166666%;
}

.colSpanInicial{
    margin:0 1.04166666% 20px 0;
}

.colNoMargenTop {
    margin-top:0;
}
.colNoMargenBottom {
    margin-bottom:0;
}


/*------FIN COLUMNAS----*/

/*******ACTUALIZADORES*********/
.actualizando{
    position:absolute;
    width:100%;height:100%;
    top:0;left:0;
    color:#fff;
    background:url(../imagenes/global/actualizando/fondo.png) repeat top left;
    text-align:center;
    z-index:99999999;
    display:none;
}
.actualizando img, .actualizando p{
    position:relative;
    top:20px;
}
/*------FIN ACTUALIZADORES----*/

.txtGris01 {
       font-size:12px;line-height:18px;color:#666;
    }