/* CSS Document */
/* Erosguia 2007 */
/* Si estas leyendo esto es que te ha gustado nuestra web */
/* Gracias :) Si crees que puedes mejorarlo llámanos, queremos conocerte. */

html, body{ 
	 margin:0; 
	 padding:0; 
	 text-align:center;
	 
	
} 

body { 
	 color: #fff;
	 font: normal 12px arial;
	 background-color:#FFFFFF;
	 /*background: url(../img/background.gif) repeat top left;
	 
	 background: url("../img/fondo_cabecera_linea.jpg") repeat-x;
	 */
} 


div {margin:0px; padding:0px;}
table {font: normal 12px arial;}
form {margin:0;padding:0;}
a, a:link, a:visited {font: normal 12px arial;color: #fff;outline:none;}
a:hover {color: #ff0000;}
h1, h2, h3 {margin:0px; padding:0px;font: bold 11px arial;}
.clr{clear:both;}

/* CENTRAR ************************************************ */

/*.centrohome {padding:40px 0 80px 0; width: 875px; }
.centrohome div {text-align:left;}
.fotohome { text-align:center; float:left; margin:0 40px 0 20px; width:195px;}
.fotohome a img, .fotohome a:visited img { border:0; text-align:center;}
.textohome { float:left; width:500px;}*/
#contenido { color:#000; text-align:left; width:970px; margin:0 auto;}
#contenido a, #contenido a:visited { color:#000;}
#contenidofondo {}
.contenidointerior, .contenidointeriortexto { width:686px; float:left; margin-top:20px;}
.contenidointeriortexto {padding:0 0 0 50px;}
.contenidoentrar { padding:10px 0 0 20px;}
.contenidoentrar a, .contenidoentrar a:visited { font-size:18px; color:#000;}
.contenidoentrar a span, .contenidoentrar a:visited span { font-size:30px; font-weight:bold;}
.rightcontenido { float:right; width:260px;padding:87px 0 0 5px; }

.rightcontenido a, .rightcontenido a:visited, .rightcontenido a img, .rightcontenido a:visited img { border:0; text-align:right;}
.rightcontenido a, .rightcontenido a:visited { display:block;}
.rightcontenido li { padding:10px; list-style: none;}
/******** acceso**********/
#cuerpodelpago {margin:0 auto; width:662px; height:287px; background: url(../img/pago/background.gif) no-repeat top; padding:10px;}
#iframe #webcamlayer { display:none; position:relative;}
#iframe #webcamlayer a.closelayer { cursor:pointer; position: absolute; right:0; top:0; background-color:#FF9; padding:3px 5px; border:1px solid #ccc;}
#iframe #webcamlayer a.closelayer:hover { background-color:#000; color:#FFF;}
#iframe #paginador { display:none;}

.cuerpopagodrcha{width:220px; float:left; display:block; margin: 30px 0 3px 0px; color:#000000;}
.cuerpopagoizda{width:420px; float:left; display:block; padding-left:8px;}
#buttons { width: 314px; height:54px; display:block;}
a#button_tarjeta { margin:0 ; width:158px; height:54px; background: url(../img/pago/tarjeta_button.gif) no-repeat top right;float:left; display:block;}
a#button_tarjeta:active{background: url(../img/pago/tarjeta_activebutton.gif) no-repeat top right;}
a#button_tarjeta:hover{background: url(../img/pago/tarjeta_activebutton.gif) no-repeat top right;}
a#button_telef {margin:0 ; width:154px; height:54px; background: url(../img/pago/telefonico_activebutton.gif) no-repeat top right; float:left; display:block;}
a#button_telef:active {background: url(../img/pago/telefonico_button.gif) no-repeat top right;}
.chicapago { background:url(../img/background_tmb.gif) no-repeat top left; width: 208px; height:124px; margin: 0 0 15px 10px;}


/***********************************/
#pagopestanya { float:left; width:454px;}
#pagopestanya ul { padding: 0; margin:0;}
#pagopestanya ul li { float:left; padding: 0; margin:0;}
#pagopestanya ul li a em, #pagopestanya ul li a:visited em { display:none;}
#pagopestanya ul li a, #pagopestanya ul li a:visited { display:block; width:231px; height:57px;  background-image:url(../../img/cabecera/pago.gif); background-position:0 0; background-repeat:no-repeat;}
#pagopestanya ul li a.pagovisa, #pagopestanya ul li a.pagovisa:visited {background-position:10px -57px;}
#pagopestanya ul li a.pagovisa:hover {background-position:10px 0;}
#pagopestanya ul li a.pagotelefono, #pagopestanya ul li a.pagotelefono:visited {background-position:-231px -57px; width:222px;}
#pagopestanya ul li a.pagotelefono:hover {background-position:-231px 0;}
#pagocuerpo { padding:25px;}

.pagobg1 { background:url(../../img/cabecera/pago_bg1.gif) no-repeat 0 0; height:320px}

/* CABECERA  ************************************************ */
/*
#chateaya { float:right; margin:170px 30px 6px 0;}
#chateaya a, #chateaya a:visited, #chateaya a img, #chateaya a:visited  img { border:0;}*/
.container {
	display:block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	/*background: url(/img/cabecera/webcam-head.jpg) no-repeat top center;*/
	}
#cabecera {width:960px; }

#botonera { clear:both; float:right; display:block; width:960px;}

.estructura_menu ul {
   margin:0px;
   padding:0px;
   list-style: none;
   list-style-position: outside;
   }
.estructura_menu ul li {
float:left;
}  
.estructura_menu a {
display:block;
  text-decoration: none;
  }
   a#bot1, a#bot2, a#bot3, a#bot4, a#bot5 {background-image: url(../img/menu_web.gif); background-repeat:no-repeat; }
a#bot1 {
width:262px;height:42px;
background-position:0 0;
   }   

a#bot2 {
width:222px;height:42px;
background-position:-262px 0;
   }  
   
 a#bot3 {
width:106px;height:42px;
background-position:-484px 0;
   } 
   
a#bot4 {
width:197px;height:42px;
background-position:-590px 0;
   }  
   
a#bot5 {
width:173px;height:42px;
background-position:-787px 0;
   }  
a#bot1:hover {background-position:-0 -42px;}
a#bot2:hover {background-position:-262px -42px;}
a#bot3:hover {background-position:-484px -42px;}
a#bot4:hover {background-position:-590px -42px;}
a#bot5:hover {background-position:-787px -42px;}

.estructura_menu a:hover {background-color:transparent;cursor: hand;}
.estructura_menu a em { display:none; }



/* CONTENIDO  ************************************************ */


.menu {float:left; width:255px; margin-bottom:30px;}
.webcams {float:right; width:520px;}
.combo_menu {margin:12px 0 25px 0;padding:10px 0 14px 4px; background:#433333; text-align:center;}
.combo  {font: normal 10px arial;}
.notahome {padding:15px; border:solid 1px #fff;margin:0 0 20px 10px;}
.privadomenulistado {border:solid 1px #ccc;margin:0;padding:0;width:225px;}
.privadomenulistado p {padding:7px;margin:0;}
.privadomenulistado .combo_menu {margin:0;padding:10px 0 10px 0; background:#433333; text-align:center;}
.infotwitter {font: normal 12px arial;}

/* FICHA LISTADO ************************************************ */
.tbn {
	width: 168px; 
	height: 200px; 
	float:left; 
	padding:5px 0 0 4px; 
	background:url('../img/fondo_tb.gif') no-repeat;
	margin:0 0 10px 0;
}
.tbn a {font: normal 11px arial;}
.nombre {padding:3px;}
.imagen {}
.estado {}
.entrar {float:left;width:95px;padding:2px 0 2px 2px;}
.fichatbn {float:right;width:60px;padding:2px 6px 2px 0;}

.fichatbn a, .fichatbn a:visited {background:url('../img/cruz.gif') no-repeat;color:#CC00FF;padding-left:14px;}
.fichatbn a:hover {color:#ff0000; text-decoration:none;}

/* FICHA WEBCAM ************************************************ */
.tbnficha {
	width: 220px; 
	float:left; 
	padding:8px 0 0 4px; 
	background:url('../img/fondo_tbficha.gif') no-repeat;
}

.tbn a {font: normal 11px arial;}
.nombreficha {padding: 0 0 2px 3px;}
.nombreficha a {font:normal 16px Arial;}
.imagenficha {margin-left:6px;}
.estadoficha {text-align:center;}
.entrarficha {text-align:center;}

.infoficha  {
	width: 290px; 
 
	float:left; 
	margin-left:16px;
	padding:8px;
	background:#000;
	border:solid 1px #666;
}

*html .infoficha  {width: 285px;}

.datosficha {margin-top:15px;}
.datosficha ul {
	display : block; 
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-align: left;
}
.datosficha ul li {padding:3px 0 3px 0;}
.datosficha ul li strong { color:#CCCC33;}
.desqficha1 {padding:10px; border:solid 1px #333;}
.desqficha2 {margin-top:15px;}
.hazprivado {margin-top:25px; text-align:center}
a.linkdestacado {color:#FF0000;}

.masficha {margin-top:25px;height:30px;}
.masficha a, .masficha a:visited { border:1px solid #666; background:#444; color:#fff; text-decoration:none; padding:3px 6px 3px 6px; margin-right:5px;}
.masficha a:hover { background:#ff0000; color:#fff;}
.download, .downloadtxt {float:left;width:120px;height:53px;margin-top:10px; text-align:center;}
.downloadtxt {padding-top:10px;}
hr {background-color: #fff; color:#fff; width:100%; height:1px; border:0;}


/* FICHA PRIVADO ************************************************ */

.webcams_privado {float:left; width:180px; margin:45px 0 50px 0;}
#precio_privado {float:left; width:351px; height:246px; }
.tipoA {background:url(../img/privado/tarifa_a.gif) no-repeat;}
.tipoB {background:url(../img/privado/tarifa_b.gif) no-repeat;}
.tipoC {background:url(../img/privado/tarifa_c.gif) no-repeat;}
.botonera_privado {margin-top:195px;float:left;margin-left:10px;}
.botonera_privado2 {margin-top:215px;float:left;margin-left:10px;}
#twitter_privado {float:left; width:230px; margin:47px 0 0 15px;}

/*TABLAS Y FORMULARIOS************************************************* */

#formulario {
	display:block;
	float:right;
	width: 780px;
	margin-left: 0;
	margin-right: 0;
	padding:8px;
	text-align:left;
	}

	

.explicacion {font: normal 10px arial;color: #999999; }	
.titulo { margin:0px;padding:10px;border:solid 3px #570f1a;text-align:left; position:relative;color: #fff; font: normal 12px arial;}
input, select, option {color:#000000;font: normal 12px arial;}

/* NOTAS ************************************************* */

#notaoff { background:url(../img/nota_fondo.gif) no-repeat; width:510px; height:87px; }
#notaofflink { margin:53px 0 0 7px; display:block; float:left;}
#notaofflink a, #notaofflink a:link, #notaofflink a:visited {padding:5px; background:#000; color:#fff;}
#notaofflink a:hover {background:#fff; color:#000; text-decoration:none;}
#notaoffchicas { margin:20px 20px 0 0; float:right;}
#notaofftrv {background:url(../img/nota_fondo_trv.gif) no-repeat; width:510px; height:87px;}

/*PIE****************************************************************** */	

#pie_fondo {
background: url(../img/background_footer.gif) no-repeat top; 
width:100%;
height:240px;

	  }
	  
#pie_contenido {
text-align: left;

height:240px;
margin: 30px;
/*background:url(../es/img/pie/esfera.jpg) no-repeat 340px 27px; */
color:#fff;
font: normal 11px verdana;
padding:0;
}	  

#pie_contenido a:hover {color:#FFFFFF; text-decoration:none;}
#pie_top{ float:left; width: 181px; height: 20px;display:block; background:url(../img/webmaster_background.gif) no-repeat top; margin-top:35px;}
.pie_top, a.pie_top:link{ display:block; padding-left: 25px; font-size:11px;margin-top:3px;height: 20px; text-decoration:none; }
/*#pie_derecha{display:block; text-align:right; background: url(../es/img/pie/flecha.gif) no-repeat right center;padding: 0 15px 0 0px;}*/
.pie_txtizda{margin-top:65px;
float: left;
width:375px;
}
.pie_txtderecha{
float: right;
width:180px;
margin-right: 15px;
margin-top:65px;
}

ul.menu_ul {
display : block;
width: 180px; 
padding: 0px;
margin-top: 2px;
list-style-type: none;
text-align: left;
}


ul.menu_ul li a, ul.menu_ul li a:hover {
width: 180px;height:20px;
display : block; 
background: url(../img/destacados_background.gif) no-repeat center left;
padding: 5px 0px 3px 20px;
font: normal 12px arial;
color: #ffffff;
text-decoration: none;
}

/*ul.menu_ul li a:hover {
background-color: #4a1613;
}*/


#ventajas { color:#000; font-size:14px; text-align:left; width:700px;}
.ventajacol { float:left; width:350px;}
#ventajas ul {list-style-type: none; padding:0; margin:0;}
#ventajas ul li { display:block; padding:5px 0px 5px 30px; float:none; text-align:left; margin:0; background:url(../img/v.gif) no-repeat 0 5px;}
#ventajas ul li a, #ventajas ul li a:visited { font-size:14px;}
#ventajas ul li strong { padding:0; margin:0;}

/*TWITTER****************************************************************** */

.fichatwitter { float:left; width:310px; padding:5px; margin:3px; border:solid 1px #fff;}
.fichatwitter img {float:left; margin-right:5px;border:0;}


#foto-twitter {
float: left;
 width: 110px;
 margin:3px;
 display:block;
 
}

img#foto-twitter {float:left; margin-right:3px;}