/* CSS Document */
/* estuctura y generales*/
*	{
	margin:0;
	padding:0;
	}

body
	{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fffff;

	}

a
	{color:#de4639;
	text-decoration:underline;
	}
	
	
#page_home
{
	position: absolute;
	width:858px;
	left: 50%;
	margin-left: -429px;

	}
	
#flash_home
	{margin-top:100px;
	text-align:center;}
	
	
	
#reloj
	{margin-top:10px;
	text-align:center;}

	
#txt_home
{
	margin-top:10px;
    text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#00000;
	}

a:hover
	{
	color:#000;
	text-decoration:none;
	}
#top
	{width:790px;
	margin: auto;
	margin-top:5px;}

#botton
	{width:790px;
	margin: auto;
	margin-bottom:5px;}
	
.boton_1
	{
	float:right;

	padding-right:18px;}
	
.boton_2
	{
	float:left;

	padding-left:18px;}
	
/* columnas */	
.columna
	{
	float:left;
	width:160px;
	
}
.columna98
	{
	float:left;
	width:160px;
	
}
.columna2
	{
	float:left;
	width:160px;
}
.columna3
	{
	float:left;
	width:160px;
}
.columna4
	{
	float:left;
	width:160px;
}

.columna5
	{
	float:left;
	width:160px;
	

}
.columna6
	{
	float:left;
	width:160px;
	

}
.boton_4
	{
	clear:both;
	width:540px;
	text-align:right;
}


#pagina
	{
	width:780px;
	margin:auto;
	}

#date
	{
	float:left;
	font-size:10px;
	margin-top:10px;
	margin-left:5px;
	}
.date
	{
	font-size:10px;
	margin-top:10px;
	margin-left:22px;
	}
#idiomas
	{
	float:right;
	margin-top:10px;
	margin-right:5px;
	}
#logo
	{
	padding:2px 1px 2px 0px;
	text-align:center;	
	}
#menu2
	{
	float:right;
	margin-top:-55px;
	margin-right:5px;
	}
#menu
	{
	background-repeat:repeat-x;
	background-image:url(sp/images/bg_btn.gif);	
	height:26px;
	text-align:left;
	width:780px;
	}
#contenido
	{
	

	}
	
#imagen
	{
	
	height:84px;
	
	text-align:left;
	}

#submenu a
	{
	color:#898881;
	text-decoration:underline;
	}
#submenu a:hover
	{
	color:#000;
	text-decoration:none;
	}

#funcionalidades
	{
	clear:both;
	background-color:#99CC00;
	width:745px;
	padding:10px 8px 10px 0px;
	}

#cont_texto
	{
	float:left;
	width:620px;
	padding:0px 0px;
	
		}
	
#col_right	{
	width:140px;
	margin-top:20px;
	margin-bottom:20px;
	
	float:right;}
	
#news
	{
	text-align:center;}

h1
	{
	font-size:20px;
	font-family:"Arial Narrow", Arial, verdana;
	color:#de4639;
	padding:5px 2px 5px 25px;
	background-image:url(common/images/bgh1.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
h2
	{
	font-size:14px;
	color:#de4639;
	padding:10px 2px 5px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	border-bottom:#de4639 1px dotted;
	width:600px;
	}
h3
	{
	font-size:12px;
	color:#de4639;
	padding:10px 2px 5px 0px;
	padding:5px 2px 5px 10px;
	}
	
h4 	{
	font-size:14px;
	color:#de4639;
	padding:10px 2px 5px 0px;
	margin:0px 0px 0px 10px;
	clear:both;
	border-bottom:#de4639 1px dotted;
	width:590px;
	}

p
	{
	font-size:12px;
	line-height:16px;
	color:#464646;
	padding:5px 2px 5px 10px;
	}
	
table
	{
	font-size:12px;
	line-height:18px;
	color:#464646;
	margin:10px 2px 8px 25px;
	}
.precio
	{
	font-size:16px;
	line-height:18px;
	color:#de4639;
	font-weight:bold;
	margin-left:55px;
		}
.precio2	{
	font-size:16px;
	line-height:18px;
	color:#de4639;
	font-weight:bold;
	margin-left:55px;
		}		
		
ul	{
	list-style:disc;
	margin-left:2px;
	padding-left:30px;
	margin-bottom:3px;
	margin-top:-3px;
	}
ol
	{

	margin-left:2px;
	padding-left:30px;
	}
li
	{
	font-size:13px;
	padding:2px 2px 2px 5px;
	margin-left:30px;
	color:#464646;
	font-size:12px;
	line-height:15px;
	}
em 
	{
	color:#464646;
	font-size:12px;
	line-height:14px;
	}
	
em1 
	{
	color:#464646;
	font-size:12px;
	line-height:14px;
	padding:5px 2px 5px 10px;
	font-style:italic;
	}
	
#image
{
margin-left:0px;
}

#footer
{
border-top:#000066 1px solid;
clear:both;
padding-top:10px;
margin-top:25px;
font-size:11px;
width:774px;


}


.left
	{
	float:left;}
	
.right
	{
	float:right;}
#footer p
{   font-size:11px;
	line-height:12px;
	padding:10px 2px 8px 10px;}
#footer a
{
	color:#354978;
	/*text-decoration:underline;*/
	text-decoration:none;

}

#footer a:hover
{
	color:#354978;
	text-decoration:underline;

}
.servicio
	{

	text-align:left;
	padding:8px 10px 8px 10px;
	border-bottom:#999 1px dotted;
	border-top:#999 1px dotted;
	font-size:12px;
	margin:20px 20px 5px 20px;
	}
.float
	{
	width:179px;
	text-align:center;
	margin:5px;
	padding:15px 5px 15px 5px;
	height:100px;
	float:left;

	}

.float p
	{
	font-weight:bold;
	text-transform:normal;
	margin-top:0px;
	}
.divfloat
	{
	clear:both;
	width:100%;
	text-align:center;
	margin:10px 10px 0px 10px;
	}
.divfloat p
	{
	font-weight:bold;
	text-transform:uppercase;
	margin-top:0px;
	}
#cuadros
	{
	text-align:center;
	padding:5px 5px 20px 5px;
	font-size:12px;}

a.cuadro
	{color:#CC3300;
	font-weight:bold;}


#destacado
	{
	border:#333333 1px solid;
	background-color:#eeede8;
	margin:3px 3px 3px 15px;
	padding:5px 8px 5px 0px;
	}

#destacado h1
	{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	font-family:"Arial Narrow", Arial, verdana;
	color:#c83e34;
	padding:15px 2px 5px 25px;
	background-image:none;
	}
/* ---------------------------------- */
/* Comienzo estilos del men� din�mico */
/* ---------------------------------- */

/* Contenedores XNG */

.menuSeparator {
	float: left;
	margin-top:3px;
	height:25px;
	width: 1px;
	background-image: url('common/images/linea.gif');
}

.menuButton {
	float: left;
	cursor: pointer;
}

/* Contenedor principal del men� (se extiende al m�ximo de ancho) */
.dojoMenuBar2 {

	margin: 0px 0px 25px 0px;
}

/* Contenedor secundario del men� (se extiende al ancho de los elementos contenidos) */
.dojoMenuBar2Client {
	padding: 0px;
}

/* Los contenedores de las etiquetas de la barra del menu principal */
.dojoMenuBarItem2 {
	white-space: nowrap;
	margin: 0;
	vertical-align: middle;
	z-index: 1;
	padding: 3px 8px;
	font-family: Arial;
}

/* Las etiquetas de la barra del menu principal */
.dojoMenuBarItem2 span {
	margin: 0;
	z-index: 2;
	cursor:pointer;
	cursor:hand;
	font-weight:bold;
	font-size: 13px;
}

/* Efecto over de las etiquetas de la barra del menu principal */
.dojoMenuBarItem2Hover {
	color:#165fb3;
}

.dojoMenuBarItem2Disabled span {
	color: #94a8b3;
}

/* --- Comienzo estilos de los menus popups --- */

.dojoPopupMenu2 {
	position: absolute;
	border: 1px solid #767676;
	padding: 0px;
	margin-top: -6px;
	margin-bottom: 1px;
	margin-left: 1px;
	background: #fff;
	z-index: 1000;
}

.dojoMenuItem2{
	white-space: nowrap;
	font-family: Arial;
	font-size: 11px;
	color: #767676;
	margin: 0;
	height: 21px;
	background-image: url(common/images/bg_px.gif);
}

.dojoMenuItem2Hover {
	background-color: #848484;
	color: #fff;
	cursor:pointer;
	cursor:hand;
}

.dojoMenuItem2Icon {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	width: 0px;
	height: 0px;
	padding-right: 3px;
}

/* main label text */
.dojoMenuItem2Label {
	position: relative;
	vertical-align: middle;
	padding: 0px 5px;
}

.dojoMenuItem2Label:hover {
	position: relative;
	vertical-align: middle;
	color: #fff;
}

.dojoMenuItem2Accel {
	position: relative;
	vertical-align: middle;
	padding-left: 3px;
}

.dojoMenuItem2Disabled .dojoMenuItem2Label,
.dojoMenuItem2Disabled .dojoMenuItem2Accel {
	color: #607a9e;
}

.dojoMenuItem2Submenu {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(common/images/submenu_off.gif);
	width: 5px;
	height: 9px;
	padding-left: 3px;
}

.dojoMenuItem2Hover .dojoMenuItem2Submenu {
	background-image: url(common/images/submenu_on.gif);
	color: #fff;
}

.dojoMenuItem2Disabled .dojoMenuItem2Submenu {
	background-image: url(common/images/submenu_off.gif);
}

.dojoMenuSeparator2 {
	font-size: 1px;
	margin: 0;
}

.dojoMenuSeparator2Top {
	height: 50%;
	border-bottom: 1px solid #7a98c4;
	margin: 0px 2px;
	font-size: 1px;
}

.dojoMenuSeparator2Bottom {
	height: 50%;
	border-top: 1px solid #c9deff;
	margin: 0px 2px;
	font-size: 1px;
}


/* ---------------------------------- */
/* Fin estilos del men� din�mico      */
/* ---------------------------------- */




/* formulario*/

fieldset
	{

	padding:5px 5px 10px 5px;
	font-size:18px;
	color:#CC3300;}

.label
	{
	font-size:12px;
	color:#333333;}

form
{

	padding:15px 5px 10px 25px;
	font-size:12px;
	font-weight:bold;
	}

/* estilos promo*/

#promo h2
	{

	font-size:20px;
	font-family:"Arial Narrow", Arial, verdana;
	color:#de4639;
	padding:5px 2px 5px 25px;
	background-image:url(common/images/bgh1.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:auto;
	border-bottom:none;
	}


.promoleft{
	float:left;
	width:610px;
	background-color:#f2f2f2;
	margin:2px 0px;
	padding:5px;}

.fotoleft{
	float:left;
	width:170px;
	margin:2px;

}
.textoleft{
	float:right;
	width:425px;

}

.promoright{
	float:left;
	width:610px;
	background-color:#e5e5e5;
	margin:2px 0px ;
	padding:5px;}
	


.fotoright{
float:right;
width:170px;
margin:2px;

}
.textoright{
float:left;
width:425px;

}


.fotoderecha{
float:left;
margin-top:auto;
}



.tit01{
color:#de4639;
font-size:19px;}


.tit02{

color:#de4639;
font-size:19px;
}

/* estilos de las tablas*/


table.precios 

{ 
font-family: arial; 
width:450px;
clear:both; 
background-color:#f5a06d;  
font-weight: bold; 
color: #fff; 
text-align:center; 
border: solid; 
border-width: 0px 0px 1px 0px; 
border-color: #ff5f03; } 


.row6  

{ 
font-family: arial; 
width:450px;
clear:both; 
background-color:#f58d39; 
 
font-weight: bold; 
color: #fff; 
text-align:center; 
border: solid; 
border-width: 0px 0px 1px 0px; 
border-color: #ffffff; } 
table.precios td.title 

{ 

background: #f58220; 

text-align:center; 

vertical-align:middle; 

font-family: arial; 

font-size: 14px; 

font-weight:bold; 

color: #ffffff; 

height:30px; 

} 



table.precios td.row1 

{ 

background: #fff; 

text-align:center; 

vertical-align:middle; 

font-family: arial; 

font-size: 10px; 

font-weight: normal; 

color: #000000; 

height:20px; 



} 



table.calendario td.row2 

{ 

background: #00aac6; 

text-align:center; 

vertical-align:middle; 

font-family: arial; 

font-size: 10px; 

font-weight: normal; 

color: #000000; 

height:20px; 

} 
#imagenb {
width:700px;
height:770px;
 
} 

.descripcion
{
width:600px;
padding:5px;
float:left;
 
} 

.imag_descripcion
{
padding:10px;
float:left;
 
}
.descripcion4
{
width:600px;
padding:5px;
float:left;

 
}
.descripcion20
{
width:500px;
padding:5px;
float:left;

 
}
.descripcion11
{

float:right;

 
}
.imag_descripcion4
{
padding:10px;
width:500px;
height:90px;
float:left;
 
}
.fotoscaribe
{
width:600px;
padding:15px;
float:left;
 
} 

.imag_fotoscaribe
{
padding:25px;
float:left;
 
}

.bases{	
float:left;
	
	
}


 
.based{
float:left;

 
}

#logo_2{
    float:left;
	}