@charset "utf-8";


/* Section: Body --------- */

/*body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Tahoma, Arial, Serif;
	text-align: center;
	line-height: 1.5em;
	font-size: 10px; 
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 10px; 
  	font-size: 0.76em;
  	background:#bfddfa url(img/b-slice2.jpg) repeat-y center;  
 	color:#333;  	
}
*/

/* Edge shadow */

#rap {
	position: relative;
	margin: 0 auto ;
	padding:0;	
	text-align: left;
	background:#fff;  		
	/* box model hack */
	width: 900px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
}

html>body #rap { /* be nice to Opera */
	width: 900px;
}
/* Sub-Section:  FONTS --------- */

h2,h3 {
	/*font-size: 1.2em;*/
	font-size:14px;
	color: #5b82f9;
	padding: 0px 0 0 0;
	margin: 0;
	font-family:Arial,Tahoma;
	border-bottom:#5b82f9 1px dotted;	
}

.post h2 {
	/*font-size: 2.0em;
	font-weight:lighter;*/
	font-family:"Trebuchet MS",Arial,Tahoma;
	font-size:16px;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	/*line-height:34px;*/
	/*letter-spacing:-1px;*/
}

.post p {
	/*font-size:1.1em;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* Sub-Section: Body Links --------- */
a 
{
	text-decoration: none;	
}
a img 
{
	border: none;
}
a:link
{
	color: #4f6072; 		
	border-bottom: 1px solid #b5cce3;
}
a:visited 
{
	color: #647a90; 
	border-bottom: 1px solid #647a90;	
}
#rap a:hover, #rap a:active 
{
	color: #4d6680; 
	border-bottom:#4d6680 1px solid;
	background:#f0f0f0;
}	
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
}
blockquote{
	margin: 1em;
	padding: 1em;
	border: 1px solid #DDD;
	background:#edf1f4;
}

/* Section: Positioning --------- */

#header {
	height: 175 px;
	margin:0 auto;
	border:#F5FF00 0px solid;
	border-left:none;
	padding:0;	
	background:#5b82f9;
	position:relative;	
	text-align:left;
	width:900px;
}
#header h1 
{
	font-size:1.6em;
	margin:0px 0px;	
}
#header h1 a:link, #header h1 a:visited 
{
	color:#f0f0fd;	
	text-decoration:none;
	border:none;
}
#header h1 a:hover, #header h1 a:active
{
	color:#fff;	
	text-decoration:none;
	background:none;
}
#header h4 
{
	color:#ffffff;
	font-size:1em;
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin:5px;	
	font-style:normal;	
	font-weight:normal;
}
#onecolumn 
{
    width:650px;
    margin:0 auto;
}
#main 
{
    width:615px;
    margin:0;
    float:left;
}
#onecolumn ul, #main ul 
{
	margin:5px 10px;
	padding:5px;
}
#onecolumn ul li, #main ul li 
{
	list-style:none;
	background:url(img/bullet1.gif) no-repeat left top;
	padding-left:15px;	
}

#hoteles {
	width:600px;
	height:280px;
	background-color: #FFFFCC;
	border: 2px solid #FFCC00;
	margin: 10px;
        padding: 20px;
}



.post 
{
	margin:0px 0 20px 0;	
	padding:10px 5px 0;			
}
.post-title
{
	margin-left:10px;			
}
.post-title, .post-title a 
{
	color: #456;		
}
.post-title a:link, .post-title a:visited  
{
	border:none;
}
.day-date {
	font-size: 0.9em;
	color: #999;
	padding: 2px 0;
	margin: 10px 0 0 10px;			
}
.day-date em 
{
	font-style:normal;
	color:#666;
}
.post-info {
	font-size : 0.8em;
	color : #666;
	margin : 0;
	background:url(img/comments-small.gif) no-repeat left center;
	padding-left:12px;
	border-bottom:#c7c7c7 1px dotted;
}

.post-content {
	padding:10px;	
}
#content img 
{
    border:#999 1px solid;
    padding:3px;
}
#sidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:1.2em;*/
	font-size:12px;
	color:#456;
	line-height:1.3em;		
	margin:0 auto;
	padding:0 5px;
    float:right;
	
	overflow:hidden;
}
#sidebar form 
{
	margin: 10px 0 15px 0;
	padding:0 1em;
}

#sidebar h2 {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
}

#footer {
	clear:both;
	margin:0 auto;
	/*background:#5982f8;*/
	color:#0E6300;
	font-size: 0.9em;		
	/*border:#5982f8 4px solid;*/	
	padding:5px 10px;
	/*width:100%;*/
	text-align:left;
}

#footer {
	background:url(imagenes/fondo_pie.png) no-repeat;
	/*background-position:-157px top;*/
	background-position:center top;
	height:180px;
	position: relative;
}



#footer strong 
{
	color:#000;
}
#footer div 
{
	float:right;
	width:25%;
	margin:0;
	padding:0;	
}
#footer a:link, #footer a:visited 
{
	color:#ccc;	
	border-bottom:#ccc 1px dashed;
	text-decoration:none;
}
#footer a:hover,#footer a:active
{
	color:#fff;	
	border-bottom:#fff 1px solid;	
}
#footer ul 
{
	margin:0;
	padding:0;	

}
#footer ul li 
{
	list-style:none;
	padding-left:15px;
	background:url(img/arrow.gif) no-repeat left center;
}
#trackbacks{
	margin-left: 2ex;
	margin-top: 2em;
}

#comments, #respond{
	margin-bottom: 1em;
	margin-top: 2em;
}
.commentlist 
{
	margin:10px;
	padding:10px 20px;
}
.comment-info{
	padding-left: 13px;
	background: transparent;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#comments blockquote{
	margin-left: 1ex;
	margin-bottom: 2em;
	padding-left: 1ex;
	border-left: 1px solid #DDD;
}

fieldset{
	border: none;
}

.field label{
	display: block;
}

textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #ccc;
}

input[type=text]{
	border: 1px solid #456;	
	background:#f0f0f0;
}


/* Section: Misc --------- */

p {

	margin-top: 0;
	margin-bottom: 1.5em;
	line-height: 21px;	


}
.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 0.5em 0;
	padding: 0.5em;	
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
	border-bottom: #eee 1px solid;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.commentlist .alt {
	background:#fff;
}
#s 
{
	background:#f0f0f0 url(img/find.gif) no-repeat left center;
	padding-left:18px;	
	border:#999 1px solid;
}
/* Themes
----------------------------------------------- */

.theme-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  font-size:0.9em;
  }

.theme-datablock {
  margin:.5em 0 .5em;
  }

.theme-datablock dt img {
  display:inline;
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }

.theme-datablock dd {
  margin:0;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

.theme-textblock {
  margin:0 0 .5em;
}
#gnav 
{
	list-style:none;	
	margin:0 auto;
	padding:2px 0;	
	background:#f0f0f0;
	width:900px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	text-align:right;
	font-size:1.1em;
}
#gnav li 
{

	list-style:none;
	font-family: Geneva, Arial, Helvetica, sans-serif
	text-transform: lowercase;
	font-size:0.7em;
	display:inline;
	padding:5px 10px;		
}
#gnav li a:link, #gnav li a:visited
{
	color:#999999;
	text-decoration:none;
	border-bottom:none;	
}
#gnav li a:hover, #gnav li a:active, #gnav .current_page_item a:link,#gnav .current_page_item a:visited
{
	border-bottom:#999999 1px dotted;
}
html
{
height: 100%;
}

body
{
height: 100%;
}

#rap
{
position: relative;
min-height: 100%;
}

* html #rap
{
height: 100%;
}

#intro 
{
    margin:5px;
    padding:0;
    list-style:none;
    font-size:0.9em;
    
}
#intro h2 
{
	border-bottom:#ccc 1px solid;
}
#intro li 
{
    margin:5px 0px 5px 0px;
    padding:0;
    list-style:none;        
    
    background:none;
}
#intro li .smallbox
{
    width:180px;    
    margin:0 10px;    
    padding:0 10px;
    background:#fafafa; 
    color:#333;  
    border:#eee 1px solid;
    
}
#intro a:link,#intro a:visited
{
	border:none;
}
#intro a:hover, #intro a:active
{
	border-bottom:#666 1px solid;
}
#intro li .smallbox ul 
{
	list-style:none;
	text-align:left;	
	margin:0;
	padding:5px 10px;
}
#intro li .smallbox ul li 
{
	list-style:none;
	display:block;
	float:none;
	margin:0;
	padding:0 0 5px 0;
}


/**caja reservas lateral iframe **/

.reserbox {
	border:1px solid #EEEEEE; 
	margin:0 10px; 
	background-color:#ebf5ff;
}

.reserbox h2 {
	margin:5px;
}


/****** Eventos *******/

.post-evento {
	padding:10px;
	margin-left:10px;
}

.post-evento h4 {
	font-size: 1.1em;
	color: #5b82f9;
	padding: 4px 0 0 0;
	margin: 0;
	font-family: 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;
}


/******** votos **********/

.votos {
	margin: 5px 0px 5px 0px;
	height: 50px;
}

.relacionados {
	margin: 0px 0px 0px 0px;
}


/*********************************** hasta aqui, iba en style.css, lo junto para simplificar *************************/



body{
	background-color: 8ae0ff;
	background-image: url(imagenes/fondo_general.png);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;

	color:#2A2A2A;
	font-family:Arial,"Verdana",sans-serif;
	line-height: 1.5em;
	/*font-size: 0.8em; */
	font-size:12px;
}

h1, h2, h3 {
	font-family:Arial,Tahoma;
}

#logo {
	float: left;
	width: 150px;
	text-align: center;
	padding-top:10px;
}

#logo a {
	border:none;
}

#infoTelefono {
	margin:10px 20px 0px 0px;
	float: right;
	width: 170px;
	text-align: right;
}

#infoTelefono h1, #infoTelefono h2, #infoTelefono h3{
	font-family:Arial,Tahoma;
	font-weight:lighter;	
	border:none;
	color: #5b82f9;
	padding: 0px 0 0 0;
	margin: 0;
}
#infoTelefono h1{
	font-size: 1.5em;
}
#infoTelefono h2{
	margin:8px 0px 0px 0px;
	font-size: 2.1em;
}
#infoTelefono h3{
	font-size: 1.6em;
	margin:8px 0px 0px 0px;
}

#tel_skype {
	float:right;
	margin-top:20px;
}

#bannerPrincipal {
	clear:both;
	background-image: url(imagenes/banner_home_noche.jpg);
	width: 850px;
	height: 200px;
	background-position: 0px -4px;
}

#banner_home {
	clear:both;
	background-image: url(imagenes/cabecera-home.jpg);
	width: 850px;
	height: 127px;
	background-position: 0px 0px;
}

/**** cabeceras de los distintos subdominios **/

#banner_home_hoteles-costablanca {
	clear:both;	background-image: url(imagenes/cabecera-home.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_magicexcalibur {
	clear:both;	background-image: url(cabeceras/cabecera_magicexcalibur.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_magicrockgardens {
	clear:both;	background-image: url(cabeceras/cabecera_magicrockgardens.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_hotelmagiccristalpark{
	clear:both;	background-image: url(cabeceras/cabecera_hotelmagiccristalpark.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_hotelmagicfenicia{
	clear:both;	background-image: url(cabeceras/cabecera_hotelmagicfenicia.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_hotelmagicvilladelmar{
	clear:both;	background-image: url(cabeceras/cabecera_hotelmagicvilladelmar.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_hotelmagicvillaluz{
	clear:both;	background-image: url(cabeceras/cabecera_hotelmagicvillaluz.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_magicmonikaholidays{
	clear:both;	background-image: url(cabeceras/cabecera_magicmonikaholidays.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_hotelmagicvillabenidorm{
	clear:both;	background-image: url(cabeceras/cabecera_hotelmagicvillabenidorm.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_magictropicanasuites{
	clear:both;	background-image: url(cabeceras/cabecera_magictropicanasuites.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
#banner_home_magicvillavenecia{
	clear:both;	background-image: url(cabeceras/cabecera_magicvillavenecia.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}
/*
#banner_home_magicamigos{
	clear:both;	background-image: url(cabeceras/cabecera_magicamigos.jpg);
	width: 850px;	height: 127px;	background-position: 0px 0px;
}*/


	
/**** cabeceras de los distintos subdominios **/


#banner_oferta h1, #bannerPrincipal h2 {
	font-family:Arial,Tahoma;
	color:#FFFFFF;

}
#banner_oferta h1{
	font-size:28pt;
	font-weight:lighter;
}
#banner_oferta h2{
	font-size:18pt;
	font-weight:lighter;
}

#banner_oferta{
text-align:right;

	width:240px;
	height:180px;
	position: relative;
	top: 15px;
	margin: 0px;
	padding: 0px;
	left: 580px;
}


#botonera {
	clear: both;
	margin:0px 0px 25px 0px;
}
#paginaPrincipal {
	width: 863px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px 0px 0px 10px;
	
	border-top: none;
	border-bottom:none;	
	border-right:1px solid #ccc;
	border-left: 1px solid #ccc;
}

/*Cuadrados ofertas */
.ofertas_home {
margin:0px 20px 0px 4px;
	float: left;
	height: 248px;
	width: 266px;
	color: #993300;
}

.ofertas_home h1 {
	font-family:Arial,Tahoma;
	color:#FFFFFF;
	font-size:26px;
	margin:8px 0px 0px 10px;

}

.ofertas_contenido {
margin:0px;
padding:0px 5px 0px 5px;
background-color:#fffaaa;
}

.ofertas_tipo_oro h1, .ofertas_tipo_par h1, .ofertas_tipo_fam h1, .ofertas_tipo_act h1, {
}



.uno {
	background-image: url(imagenes/cuadrado_rojo.gif);
	background-position: left top;
}
.dos {
	background-image: url(imagenes/cuadrado_verde.gif);
	background-position: left top;
}
.tres {
	background-image: url(imagenes/cuadrado_naranja.gif);
	background-position: left top;
}

/*Servicios hoteles costablanca */
#cua_servicios {
	clear: both;
	background-image: url(imagenes/fondo_servicios.gif);
	background-position: left top;
	height: 254px;
	width: 850px;
}

#cua_servicios h1 {
margin:0px 0px 0px 0px;
padding:8px 0px 0px 15px;
font-size:26px;
color:#ffffff;
}

#cua_servicios p {
margin:0px 10px 0px 12px;
padding:8px 0px 0px 15px;
background-color:#ffffff;
}


#cua_servicios_contenido {
margin:15px 0px 0px 15px;
/* padding:0px 0px 0px 10px; */
}

#servicios_apartado h2{
	margin: 4px 0px 0px 0px;
	font-family:Arial,Tahoma;
	font-weight:lighter;
	font-size:14px;
	color:#ffffff;
}

#servicios_apartado {
margin:0px 12px 0px 0px;
	background-image: url(imagenes/servicio_cuadradointerno.gif);
	background-position: left top;
	float: left;
	height: 160px;
	width: 263px;
}

/*****************Borde PestaÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ±as*******************/

#botonera {

}
/*h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
*/

img {
	border: none;
} 

#menu, #submenu {
	font-family:Arial,Tahoma;
	color:#FFFFFF;
	font-size:11pt;
	font-weight:normal; 	   
	float:left; 
	width:100%;
	/*background:#F4F7FB;  */
	/*font-size:93%;*/
	line-height:normal;
}
#menu ul {
	float:right;
	width:640px;
	margin:0px 10px 0px auto;
	padding: 0px;
	/*padding:10px auto 0px auto;*/
	list-style:none;
}
#submenu ul {
	float:left;
	/*width:246px;*/
	margin:0px 10px 0px 15px;
	padding: 0px;
	/*padding:10px auto 0px auto;*/
	list-style:none;
}
#menu li, #submenu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	float:left;
	background:url("imagenes/botonera/tableft2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#submenu a {
	float:left;
	background:url("imagenes/botonera/pesveleft.gif") no-repeat left bottom;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	border:none !important;
}
#menu a span {
	float:left;
	display:block;
	background:url("imagenes/botonera/tabright2.gif") no-repeat right top;
	padding:5px 15px 4px 8px;
	color:#ffffff;
}
#submenu a span {
	float:left;
	display:block;
	background:url("imagenes/botonera/pesveright.gif") no-repeat right bottom;
	padding:5px 15px 4px 8px;
	color:#ffffff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span, #submenu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span, #submenu a:hover span {
color:#f5ef03;
}
#menu a:hover { background-position:0% -42px; }
#submenu a:hover { background-position:0% -16px; }
#menu a:hover span { background-position:100% -42px; }
#submenu a:hover span { background-position:100% -16px; }



/*****************Se termina las pestanas***********************/





legend {
	font-size: 1.2em;
	color: #5b82f9;
	padding: 0px 0 0 0;
	margin: 0;
	font-family:Arial,Tahoma;
}






.sociable a, .sociable img {
	border:none !important;
}

.sociable li {
	background:none !important;
}


.alerta {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c00;
}


/* boton de opinar en los blogs */
.btn_opinar {
	background:url(imagenes/boton_opinar.jpg) no-repeat top left; 
	width:201px; 
	height:58px; 
	color:#fff; 
	font-size:9px; 
	margin-left:11px;
}


.link_opinar {
	margin-left:85px; 
	padding-top:10px;
}


.nobor {
	border:none !important;
}



/*
.btn_facebook {
	background:url(imagenes/boton_facebook.gif) no-repeat top left; 
	width:200px; 
	height:58px; 
	color:#fff; 
	font-size:11px; 
	margin-left:11px;
}

.link_facebook {
	margin-left:85px; 
	padding-top:10px;
}
*/



/******* banderas de idiomas *****/
.selidioma {
	list-style:none; 
	float:right;
	padding-left:10px;
	margin-top:12px;
}

.selidioma a:link, .selidioma a:visited {
	border:none;
}

/* enlace de publicar opinion, en submenu */
a.alone {
	padding-top:5px !important;
	background:none !important;
	color:#5b82f9 !important;
	font-size:12px !important;
}
