@charset "utf-8";
/* CSS Document */

.clear { clear: both; }

/* body { margin:10px 0 0 0; } */



/* *************************************************
// ESTILOS DE CABECERA:
//     LOGO CABECERA
//     MENU PRINCIOPAL
//     BOTON CONSULTA
// *************************************************/ 

    /* ------ LOGO CABECERA ------ */
    body#principal #cabecera { 
        width:1000px;
    	margin:20px auto 0px;
		padding-bottom:12px;
        position:relative;
		background-color:#FFF;
	}
    body #cabecera { 
        width:1000px;
    	margin:20px auto 12px;
        position:relative;
    }
    #cabecera > #logoCabecera {
		width:1000px;
		height:100px;
		margin:0px 0px 3px;
        background-image:url("../imagenes/membrete2016-1000.jpg");
	}
    /* ------ LOGO CABECERA ------ */
	


    /* ------ MENU PRINCIPAL OPCIONES (1000px) ------ */
    #menup { 
        width:1000px;
    	height:47px;
        margin:0px;
    	padding:0px; 
        background-color:#678CB5; /*#538BC6;*/  /*#447EBA;*/    /*#663366;*/ 
    	box-sizing:border-box;
    }
 
    #menup ul { 
        margin:0px 10px;
        padding:15px 0px 0px;
        list-style: none;
        float:left;
    }

    #menup ul li { 
        margin:0px 6px 0px 0px;  /* 0 10px 0 0;*/
        padding:0px;
        float:left;
    }

    #menup ul li a {
	    border:0px;
        padding:5px 15px;
        text-decoration:none;
        font-weight:bold;
        display:block;
        color:#E9F0F7;   /*#DBE5EE;*/         /*#DBE5EE;*/
        cursor:pointer;
        line-height:22px;
        background-color:#749dc9; /*#66A0DE;*/  /*#5990C3;*/ /*#754075;*/
    }

    #menup ul li a:hover { 
        background-color:#7EB1E7; /*#77A9D7;*/    /*#885488;*/
    }

    #menup ul li.seleccionado a { 
        color: #FF9000; background: #FFF;
    }
    /* ------ FIN MENU PRINCIPAL OPCIONES ------ */

    /* ------ MENU DIRECCION GRAL PLANEAM.------ */
    #menup > div { 
	    margin: 0 10px;
		padding: 0;
	}
    #menup > div a {
		border:0;
		padding:3px 15px;
		text-decoration:none;
		font-weight:bold;
		color:#F1E2F1; /* #B5C4E3; */
        cursor:pointer;
		line-height:13px;
		background:#754075;  /* #661052;  #660066; */
		float:right;
	}
    #menup > div a:hover {
		background-color:#885488;
	}
    #menup > div.seleccionado a {
		color:#FF9000;
		background:#FFF;
	}
    /* ------ FIN MENU DIRECCION GRAL PLANEAM.------ */



    /* ------ BOTON CONTACTENOS ------ */
    .btn_contacto {
        height:26px;
        margin:11px 10px 10px!important;
        padding:0px 10px!important;
        font:normal 13px/26px Helvetica, "Roboto";
        text-align:center;
        color:#FFF;
        border-radius:2px;
        background-color: #D72F1F;
	    float:right;
    }
    .btn_contacto:hover {
	    cursor:pointer;
    }
    /*
    .btn_contacto:hover > #cont_contacts { display:block!important; animation: info_contactoTxt 0.5s ease 0s 1 normal running; }
    @keyframes info_contactoTxt {
        from { top:-100%; }
	    to { top:0%; }
    }
    */
    #cont_contacts {
        width:726px;
        margin:0px!important;
        padding:0px!important;
    	box-shadow:0px 0px 4px 1px #999;
        font:20px/32px "Segoe-UI-Light","Roboto","Signika",Arial;
    	border:1px solid #444;
	    border-bottom-left-radius:25px;
    	border-bottom-right-radius:25px;
	    position:absolute;
        top:150px;
        right:2px;
        z-index: 900;
    }
    #cont_contacts > .cont_body {
	    margin:0px;
    	padding:0px;
        color:#455;
    	text-align:left!important;
        background-color:#E1E1E1;
    }
    #cont_contacts > .cont_pie {
	    margin:0px;
    	padding:0px;
        color:#FFF;
        background-color:#444444;
	    border-bottom-left-radius:25px;
    	border-bottom-right-radius:25px;
    }
    #cont_contacts > .cont_body > .body_tit {
        padding:30px 40px 15px!important;
        color:#FFF;
	    text-align:right;
    	border-bottom:2px solid #FFF;"
    }
    div.body_txt {
        padding:25px 40px 35px!important;
    }
    div.body_txt > a {
	    margin-right:50px!important;
    	padding:15px 35px!important;
	    border-radius:8px;
    	display:block;
    }
    /* ------ FIN BOTON CONTACTENOS ------ */



    /* ------ LOGO SPIYCE ------ */
    div#logoSpiyce {
	    width:74px;
        height:35px;
        margin:6px 5px!important;
        padding:0px!important;
	    box-sizing: content-box;
        border-radius:2px;
        background-image:url("../imagenes/LogoSpiyce-1.jpg");
    	float:right;
    }
    /* ------ FIN LOGO SPIYCE ------ */


/* *************************************************
// FIN ESTILOS DE CABECERA:
// *************************************************/ 









#grancontenedor { width:1000px;
                  margin-right:auto;
                  margin-left:auto;
				  position:relative;
                  background-color:#FFFFFF;
                  overflow:hidden; }


/* COLUMNAS PARA ESTILOS REPARTICIONES 1000px */
					 
#columnaizq { width:250px; 
              float:left;  
			  margin-top:0px; 
			  padding-top:0px; 
			  margin-left:0; 
			  background-color:#FFFFFF; }
			  
#columnacen { width:480px;
              float:left;
			  margin: 0px 10px 0 10px;
			  /*padding-top:6px;*/
			  background-color:#FFFFFF; }
			  
#columnader { width:247px;
              float:right;
			  margin-top:0px;
			  /*padding-top:6px;*/
			  margin-right:3px;
			  background-color:#FFFFFF; }
			  




				 



/* **************************************************************************** */
/* ESTILOS DE REPARTICIONES (Estan definidos tambien en "estiloIndex,css" pero  */
/* están duplicados por si se desactualiza "estiloIndex.css" con alguna copia   */
/* anterior los cargue esta hoja de estilos                                     */
/* **************************************************************************** */

.bloque930 {width:930px; overflow:hidden} /* Utilizado con identificador #secciones */
.bloque305 {width:305px;} /* Utilizado con identificador #secciones */


/* #secciones {padding-top:25px;width:100%;overflow:hidden;width:910px;padding-left:15px;} */
#secciones {padding-top:25px;
            padding-left:15px;
            width:auto;
			overflow:hidden;}

/*.secciones_sub {width:910px;padding: 15px 15px 20px 15px;clear:both;background-color:#e4e4e4;}
.reparticion{float:left;width:425px;width:412px;_width:412px;}
.reparticion h2{font-size:24px;color:#fff;line-height:26px;margin-top:17px;margin-left:13px;}
.reparticion h2 a{color:#fff;}
.reparticion h2 a:hover{text-decoration:underline;}
*/


/* ESTA DEFINIDO EN estiloIndex.css
.cont_reparticiones {margin-right:15px;
                     margin-left:0px;
				     border:1px solid #CCCCCC;
                     border-top:4px solid #BFBFBF;
                     border-radius: 10px 10px 10px 10px; 
                     padding: 5px 10px 8px  10px;
                     background-color:#F1F5F9;
} */

ul.reparticiones li{}
ul.reparticiones li a{color:#663366; display:block;text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;background-color:   #e3e1e1;margin-bottom:10px;padding: 10px 10px 10px 10px;line-height:20px;font-size:11px;font-weight:bold;text-transform:uppercase;display:block;border-radius: 10px 10px 10px 10px;}
ul.reparticiones li a:hover  {color:#fff;background-color:#663366; }
ul.reparticiones li.active a{color:#fff;background-color:#663366;}


/* h3.institucional  {font-size:24px;color:#663366;font-weight:normal;line-height:26px;} */

/* ESTAN DEFINIDOS EN estiloIndex.css  (h3.titureparticion y h8.titureparticion)
h3.titureparticion {font-size:16px;
                    color:#888888;
					font-weight:bold;
					padding-bottom:15px;
					margin-top:0;
					padding-top:0;
					line-height:32px;
					text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;
}
h8.titureparticion {font-size:14px;
                    color:#888888;
					font-weight:bold;
					padding-bottom:15px;
					margin-top:0;
					padding-top:0;
					line-height:32px;
					text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;
}
*/