/* <!-- */
    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
	FONT-FAMILY: Trebuchet MS;
        background:#fff;
        min-width:930px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:70%;
    }
    
    #contenedor {
	position: relative;
	width:930px;
	height:650px;
	background-color:#white;
	top:30px;	
	margin: auto;	
	z-index: 1;
    }
    
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
	
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
    
    .p_gris {
        margin:.4em 0 .8em 0;
        padding:0;
	color:#808080;
	
    }
	img{
		margin:20px 0px 10px;
	}
	
	/* Header styles */
    #cabecera {
        clear:both;
        float:left;
        width:930px;
	height: 107px;
	background-image:url('../images/cabecera_duo.jpg');
    }
	#cabecera {
		border-bottom:0px solid #000;
		
	}
	#cabecera p,
	#cabecera h1,
	#cabecera h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#cabecera ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#cabecera ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 8pt;
	}
	#cabecera ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:0px 1px;
	    text-align:center;
	    background: none;
	    color:#fff;
	    text-decoration:none;
	    position:relative;
	    top: 70px;
	    left:190px;
		line-height:1.3em;
		
	    
	}
	#cabecera ul li a:hover {
	    background:;
	    color:#7ec1eb;
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 8pt;
	}
	#cabecera ul li a.active,
	#cabecera ul li a.active:hover {
	    color:#7ec1eb;
	    background:;
	    font-weight:bold;
	}
	#cabecera ul li a span {
	    display:block;
	}
	#fondo_transparente {
	width:142px;
	height:107px;

	position:absolute;
	top:0px;
	border-color:0px;
	left:0px;	
	}
	#fondo_transparente a{
	width:142px;
	height:107px;
	background: none;
	position:absolute;
	top:0px;
	border-color:0px;
	left:0px;	
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* Ancho de toda la página */
		overflow:hidden;	/* Esto oculta cualquier DIV que se pase */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#fff;
	    height: 450px;
	}
    .leftmenu .colright { /* tamaño contenido columna derecha */
        float:left;
        width:200%;
		position:relative;
		left:352px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px; /* posicion respecto izquierda del contenido columna derecha */
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0px 355px 0 215px; /* margenes de la caja de texto derecha respecto  arriba, derecha, abajo, izquierda*/
	    position:relative;
	    right:100%; /* posición de la caja de texto derecha respecto de la del final derecho de la página*/
	    overflow:hidden;
	    text-align: justify;
	}
    .leftmenu .col2 {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
		       
        position:relative;
        right:185px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
    }
    .leftmenu .col3 {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
		       
        position:relative;
        right:-50px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
    }
    .leftmenu .col4 {
        margin:0px 540px 0 200px; /* margenes de la caja de texto derecha respecto  arriba, derecha, abajo, izquierda*/
	    position:relative;
	    right:100%; /* posición de la caja de texto derecha respecto de la del final derecho de la página*/
	    overflow:hidden;
	    text-align: justify;
	}
	
    .leftmenu .portada_imagen {
        margin:0px 0px 0 -135px; /* margenes de la caja de texto derecha respecto  arriba, derecha, abajo, izquierda*/
	    position:relative;
	    right:100%; /* posición de la caja de texto derecha respecto de la del final derecho de la página*/
	    overflow:hidden;
	    text-align: justify;
	}
    .leftmenu .portada_blog {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
	top:220px;       
        position:relative;
        right:185px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
	}
    .leftmenu .portada_titulares {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
	top:260px;       
        position:relative;
        right:345px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
	}
	.leftmenu .portada_texto1 {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
	top:310px;       
        position:relative;
        right:505px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
	text-align: justify;
	FONT-SIZE: 7.5pt;
	}
	.leftmenu .portada_texto2 {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
	top:310px;       
        position:relative;
        right:467px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
	text-align: justify;
	FONT-SIZE: 7.5pt;
	}
	.leftmenu .portada_texto3 {
        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:160px; /* tamaño de la caja de texto */
	top:310px;       
        position:relative;
        right:432px; /* tamaño de la caja de texto izquierda respecto de la division entre las dos columnas */
	text-align: justify;
	FONT-SIZE: 7.5pt;
	}
/* Footer styles */
    #pie {
        clear:both;
        float:left;
        width:930px;
	height: 137px;
	background-image:url('../images/pie_logos.jpg');
	FONT-WEIGHT: bold;
	FONT-SIZE: 7.2pt;
	color:#fff;

    }
        
    #pie ul li {
	    display:block;
	    float:left;
	    background:;
	    color:#fff;
	    text-decoration:none;
	    position:relative;
	    top: 100px;
	    //top: 110px;
	    left:280px;

    }
    #pie a {
	    display:block;
	    float:left;
	    color:#fff;
	    text-decoration:none;
	    position:relative;
	    top: 100px;
	    //top: 110px;
	    left:130px;
	
    }
    #pie a:hover {
	background:none;
	    color:#1387ab;
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 7.2pt;
	
    }
    
    
    /* --> */
	.untitled1 {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; text-indent:0px; text-align:left; word-spacing:0.00em; letter-spacing:0.00em; line-height:12px; }
	.untitled3 {color:#808080; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:9px;  }
	.untitled4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:9px; }
	
	#lista1 {
	background-color: #;	
	float: left;
	position: relative;
        width:170px;
	height: 500px;
	margin-top: 20px;
	margin-left: 0px;
	}
	#lista2 {
	background-color: #;
	float: right;
	position: relative;
        width:170px;
	height: 500px;
	margin-top: -500px;
	margin-left: 150px;
	}
	#mapa {
	background-color: #;
	float: right;
	position: relative;
        width:560px;
	height: 310px;
	margin-top: 30px;
	
	left: 400px;
	//left: 0px;
	
	}
	#col6{

        float:left; /* posición de la caja de texto respecto de la division entre las dos columnas*/
        width:110px; /* tamaño de la caja de texto */
	margin-left: 167px;	       
        position:relative;
	}

	#formulario {	
	float: left;
	margin-left: -30px;
	margin-top: -30px;
	position: relative;
        width:620px;
	height: 500px;
	}	
		
	
	
	#direccion {
	background-color: #;
	float: right;
	position: relative;
        width:165px;
	height:80px;
	margin-top: 350px;
	left: 25px;
	}
	#datos_contacto {
	background-color: #;
	float: right;
	position: relative;
        width:165px;
	height: 80px;
	margin-top: 350px;
	left: 30px;
	}
	
	#submenu_que {
		margin:20px 0px 10px;
		text-decoration:none;
	}
	
	#submenu_que ul{
	    float:right;
	    width:100%;
	    list-style:none;
	    margin:0px 0 0 0;
	    padding:0;
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 7.2pt;
	    text-decoration:none;
	}
	#submenu_que ul li a{
	   
	    text-decoration:none;
	    color:#7ec1eb;
	}
	#submenu_que a:hover {
	background:none;
	    color:#0084d8;
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 7.2pt;
	}
	#submenu_que ul li a.active,
	#submenu_que ul li a.active:hover {
	    color:#0084d8;
	    background:;
	    font-weight:bold;
	}
	
	
#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 45px;
	width: 620px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 5px 4px;
	color: #039;
}
#hor-zebra td
{
	padding: 4px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}
	
    
    
    
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->