/*  Fondo del cuerpo     */
body{
	
}

#cuerpo_fondo{
	background-color:#E8E6E6;
	font-family:Verdana, Geneva, sans-serif;
}

/*  Cintillo     */

#cintillo{
	width:100%;
	
}

/*  Banner Estatico     */

#banner_estatico{
	width:100%;
	
}

/*  Banner Slider     */
#banner_slider{
	width:100%;
	height:350px;

	
}

/*  Fuente colores     */
#fuente_vino{
	color:#B00404;

}

#fuente_azul{
	color:#1D4CA3;

}

/*  Fondo twitter     */
#fuente_twitter_imprenta{
	background:url(../../imagenes/fondo/cuadro_tw_im.png) no-repeat;

}

#fuente_twitter_go{
	background:url(../../imagenes/fondo/cuadro_tw_go.png) no-repeat;

}
#fuente_twitter_minci{
	background:url(../../imagenes/fondo/cuadro_tw_minci.png) no-repeat;

}

#fuente_twitter_presi{
	background:url(../../imagenes/fondo/cuadro_tw_presi.png) no-repeat;

}

/* MENU */


#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu {
    width: 1100px;
    margin: 0px auto;
    border: 1px solid #CCC;
    background-color:#CCC;
    background-image: linear-gradient(#CCC, #fff);
    border-radius: 6px;
    box-shadow: 0 1px 1px #777;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
  
  
    position: relative;
}

#menu a {
    float: left;
    padding: 12px 30px;
 
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
   
}
#fuente{
color:#000;
}
#active { 
    background-color:#900;
	color:#FFFFFF;
	  border-radius: 6px;
    box-shadow: 0 1px 1px #777;
}

#menu li:hover > a {
	 background-image: linear-gradient(#009, #009);
    color:#FFF;
	 border-radius: 6px;
}
#active a:hover {
    color:#000;
}

*html #menu li a:hover { /* IE6 only */
    color: #900;
}

#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;    
    background: #444;   
    background-image: linear-gradient(#CCC, #fff);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}

#menu ul li {
    float: none;
    display: block;
    border: 0;

}

#menu ul li:last-child {   
    box-shadow: none;    
}

#menu ul a {    
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover {
    background-color:#999;
    background-image: linear-gradient(#009, #009);
}
#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    right: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
    right: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}


/*CARRUSEL DE LAS PUBLICACIONES*/

.carrousel_inner ul li{
    float:left;
    list-style: none;
    margin: 0px;
	margin-top:-10px;


    width:230px;
    height:137px
}
.carrousel_inner ul{
    margin:0;
    padding:0;
    height:137px;
    width: 10000px;
    overflow:hidden;
}
.carrousel_inner{
    /* border:1px solid red; */
    float:left;
    width:700px;
    height:137px;
    overflow: hidden;
}
.carrousel_left, .carrousel_right{
    height: 137px;
    width:30px;
    float:left;
}
.carrousel_left{
    background:url(../../nav_left.gif) no-repeat  left top;
}
.carrousel_left:hover{
    background:url(../../nav_left.gif) no-repeat scroll -50px top transparent
}
.carrousel_right{
    background: url(../../nav_right.gif) no-repeat right top;
}
.carrousel_right:hover{
    background: url(../../nav_right.gif) no-repeat -70px top;
}
.left_inactive,.left_inactive:hover{
    background: url(../../nav_left.gif) no-repeat -100px top;
}
.right_inactive,.right_inactive:hover{
    background: url(../../nav_right.gif) no-repeat -20px top;
}

.carrousel{
    float:inherit;
    height: 137px;
    width: 760px;
}

/* demo page */
.container{
    width:960px;
	
    margin:0 inherit;
}
.link{
  
    
     padding:5px;
     box-shadow:0 0 3px;
     border-radius:5px;
     text-decoration: none;
}
h1{
    margin-bottom:100px;
    font-family: Volkhov tahoma;
}
#pie{
	font-size:9px;
}

/*CARRUSEL DE LOS ENTES*/

.carrousel_inner1 ul li{
    float:left;
    list-style: none;
    margin: 0px;
	margin-top:-10px;
    width:100px;
    height:137px
}
.carrousel_inner1 ul{
    margin:0;
    padding:0;
    height:137px;
    width: 10000px;
    overflow:hidden;
}
.carrousel_inner1{
    /* border:1px solid red; */
    float:right;
    width:700px;
    height:137px;
    overflow: hidden;
}
.carrousel_left1, .carrousel_right1{
    height: 137px;
    width:30px;
    float:right;
}
.carrousel_left1{
    background:url(../../nav_left.gif) no-repeat  left top;
}
.carrousel_left1:hover{
    background:url(../../nav_left.gif) no-repeat scroll -50px top transparent
}
.carrousel_right1{
    background: url(../../nav_right.gif) no-repeat right top;
}
.carrousel_right1:hover{
    background: url(../../nav_right.gif) no-repeat -70px top;
}
.left_inactive1,.left_inactive1:hover{
    background: url(../../nav_left.gif) no-repeat -100px top;
}
.right_inactive1,.right_inactive1:hover{
    background: url(../../nav_right.gif) no-repeat -20px top;
}

.carrousel1{
    float:inherit;
    height: 137px;
    width: 760px;
}

/* demo page */
.container1{
    width:960px;
	
    margin:0 inherit;
}
.link{
  
    
     padding:5px;
     box-shadow:0 0 3px;
     border-radius:5px;
     text-decoration: none;
}
h1{
    margin-bottom:100px;
    font-family: Volkhov tahoma;
}
#pie{
	font-size:9px;
}


/*TEXTO DE LA HISTORIA*/

#historia{
	text-align:justify;
}

#fuente{
	font-family:Verdana, Geneva, sans-serif;
	color:#535353;
	
}

/*FORMULARIO SUSCRIPCIÓN FISICA*/


#fondo-fisico{
	background-image:url(../../imagenes/fondo/fondo_form_digital.png);
	background-repeat:no-repeat

}
input[type=text] {
    border: 2px solid #CCC;
    border-radius: 4px;
}
textarea {
    border: 2px solid #CCC;
    border-radius: 4px;
}
select {
    border: 2px solid #CCC;
    border-radius: 4px;
}

/*FORMULARIO SERVICIOS EN LINEA*/


#fondo-servicio{
	background-image:url(../../imagenes/fondo/fondo_form_solicitud.png);
	background-repeat:no-repeat

}
#fondo-gaceta{
    background-image:url(../../imagenes/fondo/fondo_gaceta.png);
    background-repeat:no-repeat

}
input[type=text] {
    border: 2px solid #CCC;
    border-radius: 4px;
}
textarea {
    border: 2px solid #CCC;
    border-radius: 4px;
}
select {
    border: 2px solid #CCC;
    border-radius: 4px;
}
#ejemplo{
    font-size: 10px;
}


/*REDES SOCIALES*/

.social {
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    right: 40px; /* Establecemos la barra en la derecha */
    top: 200px; /* Bajamos la barra 200px de arriba a abajo */
    z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
    .social ul {
        list-style: none;
    }
 
    .social ul li a {
        display: inline-block;
        color:#fff;
        /*background: #000;*/
        padding: 1px 15px;
        text-decoration: none;
        -webkit-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
    }
 
    
 
    .social ul li a:hover {
        /*background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
        
    }

    #texto-visita{
        font-size: 12px;
    }
	
	
	/*Estilos de la galeria*/

.galeria {
	width: 90%;
	margin: auto;
	list-style: none;
	padding: 20px;
	box-sizing: border-box;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.galeria li {
	margin: 5px;
}

.galeria img {
	width: 150px;
	height: 100px;
}

/*Estilos del modal*/

.modal {
	display: none;
}

.modal:target {
	
	display: block;
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal h3 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin: 15px 0;
}

.imagen {
	width: 100%;
	height: 50%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.imagen a {
	color: #fff;
	font-size: 40px;
	text-decoration: none;
	margin: 0 10px;
}

.imagen a:nth-child(2) {
	margin: 0;
	height: 100%;
	flex-shrink: 2;
}

.imagen img {
	width: 500px;
	height: 100%;
	max-width: 100%;
	border: 7px solid #fff;
	box-sizing: border-box;
}

.cerrar {
	display: block;
	background: #fff;
	width: 25px;
	height: 25px;
	margin: 15px auto;
	text-align: center;
	text-decoration: none;
	font-size: 25px;
	color: #000;
	padding: 5px;
	border-radius: 50%;
	line-height: 25px;
}