/*--------- Body ------------*/

body{
    min-width:980px;
    width:expression(document.body.clientWidth < 980 ? "980px" : "100%");
}
/*#web{
	width: 1024px;
}*/

#banner{
	text-align: center;
}
#banner_pagina{
	background: url(images/fondo_banner.jpg) repeat-x;
	text-align: right;
}
#logo{
	position: absolute;
	left: 0px;
	z-index:1;
}
#banner_movil{
	margin-bottom: 46px;
}
#banderas{
	position: absolute;
	left: 0px;
	top: 2px;	
	width:60%;
	height:18px;
	text-align: left;
	z-index:9999;
}
#banderas img{
	border: 1px solid black;
}

#headder{
	width:99%;
	height:136px;
	_height:146px;
	background: url(images/fondo_banner.jpg) repeat-x;
	display:block;
	padding-top:10px
}
/*---------------pestañas---------------*/
#sop_pestanas{
	background-color:#FFFFFF;
	padding:0px 0 0 0;
	height:44px;
}

.pestana a{
	width:140px;
	height:36px;
	_width:150px;
	_height:41px; /*Sólo Internet Explorer "sabe" como interpretar esta linea, por lo que es el unico que la lee. */
	padding:5px 5px 0px 5px;
	margin:1px;
	font: bolder 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #FFFFFF;
	text-align:left;
	text-decoration: none;
	position:relative;
	float:left;
}

.pestana a:hover{
	text-decoration:underline;
}

.pestana_acti a{
	width:140px;
	height:36px;
	_width:150px;
	_height:41px; /*Sólo Internet Explorer "sabe" como interpretar esta linea, por lo que es el unico que la lee. */
	padding:5px 5px 0px 5px;
	margin:1px;
	font: bolder 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#ffffff;
	text-align:left;
	text-decoration: underline;
	position:relative;
	float:left;
}


/*---------------seccion---------------*/
#sop_seccion{
	background:  url(images/boton2.jpg) no-repeat;/*repeat-x; */
	background-color:#D9E6F3;
	padding: 0 0 0 10px;
	height:	25px;	
}

.seccion a{
	font:normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background: url(images/boton2.jpg) repeat-x;/*url(images/boton2.jpg) no-repeat;*/
	line-height:15px;
	color:#C5CFD9;
	padding:5px 15px;
	margin:0 0 0 0;
	position:relative;
	float:left;
}

.seccion a:hover{
	background-color:#0099d5;
	font:normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#ffffff;
	background-position: 0 -25px;
}

.seccion_acti a{
	font:normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	background: url(images/boton2.jpg) repeat-x;/*url(images/boton2.jpg) no-repeat;*/
	line-height:15px;
	color:#ffffff;
	padding:5px 15px;
	margin:0 0 0 0;
	position:relative;
	float:left;
}
.seccion_fin{
	background: url(images/boton2_fin.jpg) no-repeat right;
	width: 10px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/*------------ Contenedor Botonera y Cuerpo -------------*/
#contenedor{
	/*width: 100%;*/
    min-width:980px;
    width:expression(document.body.clientWidth < 980 ? "980px" : "100%");	
	height: 100%;/*Ojo, FIREFOX No lo deja dinámico*/
}
/*------------ Botonera Izquierda --------------*/
#sop_botonera{
	background-color: #fcfff5;/*#E3E4E6;*/
	/*width: 194px;*/	
	width: 18.5%;
	text-align: center;
	float: left;
	border-bottom:1px solid #f1efe2;
}

.banderas{
	background-color: #C6C7C9;
	width: 100%;
}
.banderas img{
	border: 0px;
	margin-top: 1px;
}

.boton a{
	background: #b5d59d;
	font: normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	text-align: left;
	line-height: 16px;
	padding-top: 7px;
	text-indent: 10px;
	_margin-right: -10px;	
	margin-top: 1px;
	float: left;
	width: 100%;
	height: 20px;
	_height: 27px;
}

.boton a:hover{
	/*background-position: 0 -36;*/
	text-decoration:underline;
}

.boton_acti a{
	background: #b5d59d;
	font: normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	text-align: left;
	line-height: 16px;
	padding-top: 7px;
	text-indent: 10px;
	_margin-right: -10px;	
	margin-top: 5px;
	float: left;
	width: 100%;
	height: 20px;
	_height: 27px;
	text-decoration:underline;
}

.lineamenu 
	{
	float: left;
	width: 100%;
	height:1px;
	overflow:hidden;
	border-bottom: 5px solid #76b856;
	}
/*------------ Banner Newsletter ----------------*/
#banner_newsletter{
	border: 3px solid #1265A7;
	background-color: #FFFFFF;
	color: #1265A7;
	font-weight: bold;
	font-family: Verdana;
	margin: 10px;
	padding: 10px;
	text-align:center;
	font-size:18px;
}
#banner_newsletter a
{
text-decoration:none;
color: #1265A7;
font-size:18px;
}

#banner_newsletter a:hover
{
text-decoration:underline;
color: #1265A7;
font-size:18px;
}
/*------------ Decoración Varia ----------------*/
.linea{
	border-bottom: 5px solid #76b856;
}

#address{
	border-top: 3px solid #1265A7;
	border-bottom: 3px solid #1265A7;
	font: bolder 10px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #525252;/*#C6C7C9;*/
	height: 15px;
	_margin-top: -20px;
}

.textopie
{
	font: bolder 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #1265A7;
}

/*----------- Pie de Página  -------------*/
#contacto{
	font: bolder 8px "Trebuchet MS",Arial, Helvetica, sans-serif;
	_font: bolder 9px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: gray;
	text-align: left;
	float: left;
	padding-left: 50px;
	_padding-left: 0;
	margin-left: 8%;
}
#derechos{
	border: 0;
	font: bolder 8px "Trebuchet MS",Arial, Helvetica, sans-serif;
	_font: bolder 9px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: gray;
	text-align: right;
	float: right;
	_width: 200px;
}
/*--------------- home de la página -----------------------*/
#home_izq
{
float:left;
width:74.5%;

}
#home_der
{
float:left;
width:24.5%;
margin-left:0.5%;
padding:0px;
overflow:hidden;
}

#home_der h1
{
font:Bold 8pt "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#009ee0;
padding-left:10px;
width:99.8%;
background:#b5d59d;
}

.muroFacebook
{
font:normal 8pt "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#424242;
padding:3px 0px;
display:block;
width:100%;
clear:both;
border-bottom:1px solid #b5d59d;
margin:0px 3px;
min-height:46px;
height:expression(document.body.clientHeight < 46 ? "46px" : "auto");
}

.muroFacebook .fbuser
{
color:#1265A7;
}

.home_noticia
{
float:left;
width:98%;
padding:2px 1%;
border:1px solid #cccccc;
}
.home_noticia h3{
margin-top:0px;
}
/*--------------- Cuerpo de la página -----------------------*/
#cuerpo{
	float: right;
	width: 80%;
/*	border: 1px solid black;*/
}
.titulo{
	background: url(images/titulo.jpg);
	margin-top: 10px;
	color: #1265A7;
	font: bolder 14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding: 10px;
}
.subtitulo{
	font: bolder 14px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
.subtitulo1{
	margin-top: 5px;
	color: #1265A7;
	font: bolder 15px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
.subtitulo2{
	margin-top: 5px;
	color: #1265A7;
	font: bolder 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
.subtitulo3{
	color: #1265A7;
	font: bolder 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
.texto{
	
	font: normal 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-align: justify;
}
p, table{
	font: normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-align: justify;
}
/*----- Tablas ----*/
table{
	background-color: #1265A7;
	margin: 0;
	padding: 0;
}
.UIPhotoGrid_Table{
	padding: 0px !important;
	margin: 0px !important;
	width:99% !important;
	overflow:hidden;
}
.UIPhotoGrid_Table tbody,.UIPhotoGrid_Table tr,.UIPhotoGrid_Table td {
	padding: 0px !important;
	margin: 0px !important;
}
.encabezado{
	font: bolder 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #1265A7;
}
td{
	padding: 5px 15px 5px 15px;
	background-color: #FFFFFF;
}

/*---- Enlaces dentro de la pagina----*/

a{
	font: bolder 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #1265A7;
}

/*---- Listas ----*/
ul, ol{
	font: normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	list-style-type: circle;
}

/*--------------- AUSPICIADORES ---------------*/
#auspicios{
	text-align: center;
	padding-bottom: 15px;
}
#auspicios p{
	font-weight: bold;
	text-align: left;
}
#auspicios img{
	border: 0px;
	margin: 0px 15px 0px 15px;
}

/*--LIMPIEZA --*/
.clear{
	clear: both;
}
img.foto {
	border: 1px solid #000;
	background: url(../admin/img/aguarde.gif) no-repeat center center;
	/*float:left;*/
	margin-right:5px;
	
	}
/*formularios*/
#form
{
width:340px;
float:left
}
.form label {
 float: left;
 text-align: right;
 width: 130px;
 padding: 0px 0px 0px 0px;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.form input, textarea 
{
width: 160px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
border:1px solid #999999;
font-size:11px;
color:#666666;

}
.form select
{
width: 163px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
border:1px solid #999999;
font-size:11px;
color:#666666;
}
.form div {
 display: block;
 width:310px;
 margin: 4px 0px;
}
.form_checkbox
{
border:0px;
width:20px;
}
/*formularios*/
.form
{
margin-left:0px;
}
.form_divtitulo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	border-bottom:1px dashed #333333;
}
.form label {
 float: left;
 text-align: right;
 width: 200px;
 padding: 0px 0px 0px 0px;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.form input, textarea 
{
width: 240px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
border:1px solid #666666;
background-color:#F1F8FE;
color:#666666;
}
.form select
{
width:110px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
border:1px solid #1265C0;
background-color:#F1F8FE;
color:#666666;
}
.form div {
 display: block;
 width:500px;
 margin: 4px 0px;
}
.form_checkbox
{
border:0px;
width:20px!important;
border:0px!important;
background-color:#FFFFFF!important;
float:left!important;
}
.button
{
width:80px!important;
border:1px solid #666666!important;
height:20px;
background-color:#4581C0!important;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF!important;
margin-top:3px;
cursor:pointer;
}
.form_input2
{
width:80px!important;
}
.form_div2
{
width:100px!Important;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
color:#666666;
text-align:right
}
.form_div3
{
width:110px!Important;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
color:#666666;
text-align:center
}
.form_div4
{
width:70px!Important;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
color:#666666;
}
.form_texto
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
color:#666666;
}
.form_text2
{
width:440px!Important;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left:10px;
border:1px solid #666666;
background-color:#F1F8FE;
color:#666666;
}

/* GALERIA */
#galeria .img-current{
	float:left;
	width:540px;
	display:inline;
	text-align:center;
	font-family: Helvetica, Verdana, Arial, sans-serif;	
	font-size:11px;
	font-weight:bold;
	color:#000000;
	padding:0px 5px;
	margin-top:5px;
	border-right:1px dashed #000000;
	margin-right:8px;
}
#galeria .img-current img{
	margin-bottom:5px;
}
#galeria .galeria{
	float:left;
	display:inline;
	width:312px;
	height:396px;
	margin:4px 1px 0px 1px;
	overflow:auto;
}
#galeria .img-galeria{
	float:left;
	display:inline;
	width:119px;
	padding:2px;
	margin:0px 3px 4px 3px;
	color:#000000;
	font-family: Helvetica, Verdana, Arial, sans-serif;	
	font-size:10px;
	font-weight:bold;	
	text-align:center;
}
#galeria .img-galeria img{
	border:1px solid;
	cursor:pointer;
}
#galeria .img-galeria:hover{
	background:#d6f4fc;
}
#galeria .parrafo{
	float:left;
	clear:left;
	width:96%;
	display:inline;
	font-family: Helvetica, Verdana, Arial, sans-serif;	
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:1% 16px;
}
.volver{
float:left;
width:100%;
display:inline;
margin:10px 0px 5px 0px;
text-decoration:none;
}
#eventos{
margin-left:15px;
}
#eventos .img-eventos{
position:relative;
float:right;
}
#eventos h1{
margin:0 !important;
padding:0 !important;
font-family: arial, heveltica, verdana, sans serif;
font-size: 20px;
text-decoration:none;
color:#000000;
display:inline;
margin-left:5px;
}
#eventos ul{
margin:0 !important;
padding:0 !important;
/*
width:100%;
float:left;
*/
}
#eventos ul li{
/*
float:left;
width:47%;
*/
margin:0 4px 0 16px !important;
padding:0 !important;
}
#eventos ul li h2{
font-size:13px !important;
font:normal 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
#eventos .lista{
color:#000000;
display:inline;
background:url(imagenes/vinetafija.gif) 0px 5px no-repeat;
font-size:11px;
text-align:left;
padding-left:10px;
margin-left:8px;

}
#eventos .lista:hover{
background:url(imagenes/vinetatitilando.gif) 0px 5px no-repeat;
}

#eventos h2{
margin:0;
padding:0;
font-family:arial,heveltica,  verdana, sans serif;
font-size: 11px;
text-decoration:none;
color:#000000;
display:inline;
}
#eventos h4{
margin:0;
padding:0;
font-family: arial, heveltica, verdana, sans serif;
font-size: 13px;
text-decoration:none;
color:#000000;
display:inline;
}
/*------------------- columnas staff --------------------*/
.columna1{
float:left;
width:31%;
margin:1px 1%;
text-align:left;
}

.block{
	float:left;
	width:100%;
	display:block;
}

.columna2{
float:left;
width:97%;
margin:1px 1%;
text-align:left;
}

.columna3{
float:left;
width:22.5%;
margin:1px 1%;
text-align:left;
}

.columna1 a, .columna2 a, .columna3 a{
	text-decoration:none;
}
/* banner de portada */
.portada-izquierda{float:left;width:460px;}
.portada-derecha{float:right;width:320px;}