/* CSS Entrevinos y Mas */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	margin:0px;
	padding:0px;
	color:#333;
	font:85% Tahoma, Arial, Verdana;		
	background-color:#000;

}
h1 {
	margin:20px 0 0 20px;
	padding:0px;
}
h3 {
	font:bold 145% Arial, Helvetica, sans-serif;
	color: #000;
	margin:0px;
	padding:0px;	
}
h4 {
	padding:2px 5px;
	margin:10px 0px 0 0px;
	font:bold 120% Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #161616;
}

p {
	padding:0px;
	margin:0px 0 10px;
	line-height:130%;
}

a{
	color:#000;
	text-decoration:none;	
}

a:link{
	color:#000;	
}

a:visited{
	color:#333;	
}

a:active{
	color:#e8141e;	
}

a:focus{
	color:#a31a57;	
}

a:hover {
	color:#a31a57;
}

img { border-style:none;}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block;}


/*-- Estilos para la Home --*/

#contenedor {
	width:988px;
	margin:0px auto;
	background-color:#fff;
}

#head { background: url(../img/fondo-menu-home.gif) 26px top no-repeat; height:337px;}
#head-int { background: url(../img/fondo-menu-home.gif) 26px top no-repeat; height:290px;}

#head .current{
	color: #03005d;
	background:url(../img/boton-fondo2.gif) left top no-repeat;
}

.col-i { float:left; width:280px;}
.menu {  margin-top:9px; }
.menu li {
	margin:0px;
	padding:0px 0px 12px 35px;
	list-style-type:none;
	font:bold 100% Arial, Helvetica, sans-serif;
	color:#a31a57;
}

.menu .margen { margin:0px 3px 0 15px; display:block;}
.menu .margen2 { margin:0 9px 0 7px; display:block;}


#contenido {
	margin:0px;
	padding:40px 0 0 0px;
	clear:both;
	background:#fff url(../img/fondo-rayas.gif) left top no-repeat;
	color:#333;
}
#img-home, #img-rest, #img-carta {
	float:righr;
	width:701pxpx;
	height:337px;
	overflow:hidden;
	margin:0;
}
#img-rest{ background:url(../img/entrevinos-y-mas-int-01.jpg) right top no-repeat; height:290px;}
#img-carta{ background:url(../img/entrevinos-y-mas-int-02.jpg) right top no-repeat; height:290px;}
#img-ubic{ background: url(../img/entrevinos-y-mas-ubicac.jpg) right top no-repeat; height:290px;}
#img-cont{ background: url(../img/entrevinos-y-mas-cont.jpg) right top no-repeat; height:290px;}
#img-avi{ background: url(../img/entrevinos-y-mas-int3.jpg) right top no-repeat; height:290px;}
#img-acc{ background: url(../img/entrevinos-y-mas-int-04.jpg) right top no-repeat; height:290px;}

.col-a, .col-b {
	float:left;
	width:280px;
	margin:0px 0 25px 30px;
	font-size:80%;
	padding:0 0px 0 0;
}
.col-b {
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0px 5px 20px 30px;
	padding:0 5px 15px 30px;
}

.col-a p a, .col-b p a{
	background: url(../img/ico-flecha.gif) 0px center no-repeat;
	padding:2px 0px 2px 15px;
	font-size:110%;
	float:left;
	color:#a31a57;
	margin-top:10px;
	border-bottom:1px dotted #fff;
}
.col-a p a:hover, .col-b p a:hover {
	border-bottom:1px dotted #a31a57;
}
.col-a h2, .col-b h2  {
	color:#a31a57;
	font:normal 130% Arial, Helvetica, sans-serif;
	margin:0px;
}
.col-a h2 span, .col-b h2 span {
	color:#000;
	font:160% Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	display:block;
}
.col-a img, .col-b img {
	margin-right:9px;
	float:left;
}

/*---- Paginas interior ---------- */

#contenido-int { padding:20px 30px 20px; clear:both; color:#333; font:90% Tahoma, Arial, Verdana;}
#contenido-int h2{ padding:0px; margin:0 0 10px; color:#666; font:normal 180% Arial, Helvetica, sans-serif;}
#contenido-int .tit{ padding:0px; margin-bottom:30px; color:#a31a57; font-size:120%; width:400px;}
#contenido-int .tex{ width:380px; line-height:150%;}

.fotos { float:right; width:460px; background:url(../img/comillas-01.gif) left top no-repeat; padding:0 0 0 50px;}
.fotos ul{ margin:0px; background:url(../img/comillas-02.gif) right bottom no-repeat; width:100%; height:150px;}
.fotos li { float:left; list-style-type:none; margin:0px; padding:3px;}

.cheque { margin:60px 0 0; padding:0px; text-align:right; float:right; width:250px;}
.cheque span { border-bottom:1px solid #ccc; display:block; margin-bottom:10px; color:#666; font-size:110%; }

.carta { float:left; width:400px; margin-left:30px;}
.carta h3 { background-color:#000; color: #fff; padding:4px; font-weight:normal;}
.carta ul { margin:0px 0 20px; padding:0px;}
.carta li { margin:0 0 0 20px; padding:3px 0px; list-style-image:url(../img/ico-flecha-ne.gif);}
.cr { margin:0 40px 0 30px;}

.texto { float:left; width:320px;}
.texto p { width:100%;}
.texto img { border:1px solid #ccc; padding:5px; margin-bottom:10px;}

.iframe { width:470px; height:350px; padding:5px; border:1px solid #ccc; display:block; margin-bottom:10px;}

.acc { float:left; width:450px; margin:20px 0; font-size:110%;}
.acc2 { float:left; width:200px; margin:20px 0 0 50px; font-size:110%; border-left:1px dotted #ccc; padding-left:50px;}

.acc ul, .acc2 ul{ margin:20px 0 0 20px; padding:0px; }
.acc li, .acc2 li{ margin:0px; padding:3px 0px; list-style:url(../img/ico-flecha-ne.gif);}

.galeria ul{ margin:0px 0 30px 10px; padding:0px;}
.galeria li { list-style-type:none; float:left; width:165px; height:110px; margin:8px; padding:0px; }
.galeria li img{ padding:5px; border:1px solid #ccc;}


/* -- Formulario -- */

/*estilos de formulario */

.formulario { float:right; width:500px; margin-right:20px; font-size:100%;}
.formulario h3 { margin-bottom:10px;}
#formulario { width:80%; margin:10px auto; }

.gracias {
	width:90%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
label { display:block; line-height:120%;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#0c04fc;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#eee;
	margin-bottom:3px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	color:#a31a57;
	border:1px solid #a31a57;
	display:block;
	float:right;
	margin:20px 0px 20px 0px;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	background-color:#a31a57;
	color:#fff;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a {
	border-bottom:1px solid #666;
}
.gracias { padding:60px 30px; line-height:180%;}

.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {	
	font:80% Tahoma, Verdana, Arial, Helvetica;
	color:#fff;
	background-color:#000;
	clear:both;
	height:30px;
}
#pie p {
	margin:5px 10px 0 0px;
	padding:0px;
	float:left;
}
#pie ul {
	margin:5px 0 0px;
	padding:0px;
	float:left;
	width:280px;
}
#pie li {
	margin:0px;
	padding:0px 0 0 10px;
	float:left;
	display:block;
	list-style-type:none;
	color:#03005d;
	vertical-align:middle;
	border-left:1px solid #CCC;
}

#pie li a{
	color:#ccc;
}
#pie li a:hover{
	color:#a31a57;
	border-bottom:1px dotted #a31a57;
}

.tel { float:right; color:#fff; background-color:#a31a57; padding:4px 20px 2PX; text-align:center; font-size:110%; }
.tel span { display:block; font: BOLD 160% Arial, Helvetica, sans-serif; color:#000;}

/*------- accesibilidad ------------ */

.accesibilidad { padding-top:10px; line-height:180%;}
.accesibilidad h3 { margin:20px 0 10px; font:bold 120% Arial, Helvetica, sans-serif; color:#333;}
.accesibilidad ul { padding-left:10px;}
.accesibilidad li { background:url(../img/ico-flecha-rosa.gif) left center no-repeat; margin-left:50px; list-style-type:none;  padding-left:10px;}