/*************************************************************************************
	
	DRHOST estilo.css por arg
	
	>>> enjoy

*************************************************************************************/

/*************************************************************************************
	GLOBALES
*************************************************************************************/

* {
	font-family:		arial, helvetica, sans-serif;
	font-size:			10px;
}

a:link {
	color:				#777;
	text-decoration:	none;
}
a:visited {
	color:				#777;
	text-decoration:	none;
}
a:hover {
	color:				#32d2f4;
	text-decoration:	none;
}
a:active {
	color:				#777;
	text-decoration:	none;
}

body {
	background-color:	#132635;
	background:			url(images/body.gif);
	margin:				0px;
	padding:			0px;

}

img {
	border:				0px;
}

h1 {
	margin:				0px 4px 10px 4px;
	padding:			10px 0 0 0 ;
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			20px;
	font-style: 		italic;
	color:				#15bcd9;
}

/*
p {
	margin:				4px;
	font-family:		arial, helvetica;
	font-size:			10px;
	color:				#777;
	text-align:			justify;
}

table { 
	margin:				4px;
	border-collapse:	collapse;
	border-color:		#ccc;
}
*/
th {
	border-width:		0px 0px 2px 0px;
	border-style:		solid;
	border-color:		#32d2f4;
	font-size:			12px;
	font-weight:		bold;
	padding:			1px 3px 1px 3px;	
	color:				#555;
}
/*
td {
	border-width:		0px 0px 1px 0px;
	border-style:		solid;
	border-color:		#ccc;
	font-size:			10px;
	padding:			1px 3px 1px 3px;	
}
*/
.tdclase {
	border-width: 		0px 0px 0px 0px;
	border-style:		none;
	font-size:			10px;
	padding:            1px 3px 1px 3px
}
	
h2 {
	margin:				0px 4px 10px 4px;
	padding:			10px 0 0 0 ;
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			12px;
	font-style: 		italic;
	color:				#15bcd9;
}
h3 {
	margin:				0px 4px 10px 4px;
	font-family:		'Trebuchet MS',arial, helvetica;
	font-size:			10px;
	color:				#777;
}
/*************************************************************************************
	LAYOUT NIV 1 
*************************************************************************************/

#body {
	width:				800px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#FFF;
}

#bodybox {
	width:				410px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#FFF;
}


#head {
	width:				800px;
	height:				80px;
	background:			url(images/hd_bg.gif);
	text-align:			left;
}

#main {
	width:				800px;
	min-height:			296px;
	background-color:	#FFF;
	background:			url(images/mn_bg.gif);
	background-repeat:	repeat-x;
	text-align:			left;
}

#mainbox {
	width:				410px;
	min-height:			296px;
	background-color:	#FFF;
	background:			url(images/mn_bg.gif);
	background-repeat:	repeat-x;
	text-align:			left;
}

#foot {
	clear:				both;
	width:				800px;
	height:				300px;
	background-color:	#000000;
	background:			url(images/ft_bg.gif);
	background-repeat:	repeat-x;
	text-align:			left;
}

#copy {
	clear:				both;
	width:				800px;
	height:				30px;
	background:			url(images/gd_bg.gif);
	background-repeat:	repeat-x;
	text-align:			center;
	padding-top:		4px;
	font-size:			9px;
	color:				#464646;
}

#copybox {
	clear:				both;
	width:				410px;
	height:				16px;
	background:			url(images/gd_bg.gif);
	background-repeat:	repeat-x;
	text-align:			center;
	padding-top:		4px;
	font-size:			9px;
	color:				#464646;
}

/*************************************************************************************
	LAYOUT NIV 2
*************************************************************************************/


#hd_logo {
	margin-top:			40px;
	margin-left:		10px;
}

#hd_menu {
	position:			absolute;
	margin-top:			60px;
	margin-left:		295px;
}

#hd_links {
	float:				right;
	margin-right:		10px;
}

div.planes {
	width:				170px;
	height:				286px;
	float:				left;
	padding:			10px 0 0 0 ;
}

div.contenido {
	width:				420px;
	float:              left;
	padding:			10px 0 0 0 ;
}
div.contenido2 {
	width:				620px;
	float:              left;
	padding:			10px 0 0 0 ;
}

div.directorioizquierdo{
	width:				320px;
	float:              left;
	padding:			10px 0 0 0 ;
}
div.directorioizquierdo p{
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			10px;
	color: 				#000000;
}
div.directorioderecho p{
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			10px;
	color:				#000000;
}

div.directorioderecho {
	width:				220px;
	float:              left;
	padding:			10px 0 0 0 ;
}
div.descripcion {
	width:				200px;
	float: 				left;
	padding:			10px 0px 0 0 ;
}
div.contenidobox {
	width:				410px;
	float:				left;
	padding:			10px 0 0 0 ;
}



#index {
	width:				455px;
	height:				296px;
	float:				left;
	padding:			0;

	background-position:bottom right;
	background-repeat:	no-repeat;
}

#ft01 {
	width:				310px;
	height:				280px;
	float:				left;
	margin:				13px 0px 0px 0px ;
	padding:			0px 10px 0px 10px ;
}

#ft02 {
	width:				280px;
	height:				280px;
	float:				left;
	margin:				13px 0px 0px 0px ;
	padding:			0px 10px 0px 10px ;
	border-style:		solid;
	border-width:		0px 0px 0px 1px;
	border-color:		#2f2f2f;
}

#ft03 {
	width:				140px;
	height:				280px;
	float:				left;
	margin:				13px 0px 0px 0px ;
	padding:			0px 10px 0px 10px ;
	border-style:		solid;
	border-width:		0px 0px 0px 1px;
	border-color:		#2f2f2f;
}

#ft04 {
	width:				280px;
	float:				left;
	margin:				13px 0px 0px 0px ;
	padding:			0px 10px 0px 10px ;
	border-color:		#2f2f2f;
}
div.directoriomenu h2{
	margin:				0px 4px 10px 4px;
	padding:			10px 0 0 0 ;
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			12px;
	font-style: 		italic;
	color:				#15bcd9;
	}
div.directoriomenu h1{
	margin:				0px 4px 10px 4px;
	padding:			10px 0 0 0 ;
	font-family:		'Trebuchet MS', arial, helvetica;
	font-size:			20px;
	font-style: 		italic;
	color:				#15bcd9;
	}
/*************************************************************************************
	PLANES: ESTILO 1 ( AZUL )
*************************************************************************************/

ul.plan01 {
	margin:				0px;
	padding:			0px;
	width:				170px;
	height:				130px;
	background:			url(images/mn_box_1.gif);
}


ul.plan01  li.titulo {
	list-style-type:	none;
	margin:				0;
	padding:			20px 22px 0px 22px;
	font-weight:		bold;
	font-size:			14px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan01  span.precios {
	margin:				0;
	padding:			-22px 10px 0px 22px;
	font-weight:		bold;
	font-size:			10px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan01  span.vermas {
	margin:				0;
	padding-right:      30px;	
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan01  li.precio {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan01  li.caract {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	color:				#183e49;
	font-weight:		bold;
}

ul.plan01  a:link {
	color:				#2b646a;
}

ul.plan01  a:visited {
	color:				#2b646a;
}

ul.plan01  a:hover {
	color:				#ffa602;
}

ul.plan01  a:active {
	color:				#2b646a;
}

/*************************************************************************************
	PLANES: ESTILO 2 ( VERDE )
*************************************************************************************/

ul.plan02 {
	margin:				0px;
	padding:			0px;
	width:				170px;
	height:				130px;
	background:			url(images/mn_box_2.gif);
}

ul.plan02  li.titulo {
	list-style-type:	none;
	margin:				0;
	padding:			20px 22px 0px 22px;
	font-weight:		bold;
	font-size:			14px;
	color:				#ff4c1b;
	font-family:			'Trebuchet MS',arial,helvetica;
}

ul.plan02  span.precios {
	margin:				0;
	padding:			-22px 10px 0px 22px;
	font-weight:		bold;
	font-size:			10px;
	color:				#ff4c1b;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan02  span.vermas {
	margin:				0;
	padding-right:      30px;	
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4c1b;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan02  li.precio {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4c1b;
	font-family:			'Trebuchet MS',arial,helvetica;
}

ul.plan02  li.caract {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	color:				#445537;
	font-weight:		bold;
}

ul.plan02 a:link {
	color:				#8b9a00;
}

ul.plan02 a:visited {
	color:				#8b9a00;
}

ul.plan02 a:hover {
	color:				#ffa602;
}

ul.plan02 a:active {
	color:				#8b9a00;
}

/*************************************************************************************
	PLANES: ESTILO 3 ( VERDE fondo oscuro)
*************************************************************************************/

ul.plan03 {
	margin:				0px;
	padding:			0px;
	width:				170px;
	height:				130px;
	background:			url(images/mn_box_3.gif);
}

ul.plan03  li.titulo {
	list-style-type:	none;
	margin:				0;
	padding:			20px 22px 0px 22px;
	font-weight:		bold;
	font-size:			14px;
	color:				#ff4c1b;
	font-family:			'Trebuchet MS',arial,helvetica;
}

ul.plan03  span.precios {
	margin:				0;
	padding:			-22px 10px 0px 22px;
	font-weight:		bold;
	font-size:			10px;
	color:				#ff4c1b;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan03  span.vermas {
	margin:				0;
	padding-right:      30px;	
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4c1b;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan03  li.precio {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4c1b;
	font-family:			'Trebuchet MS',arial,helvetica;
}

ul.plan03  li.caract {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	color:				#445537;
	font-weight:		bold;
}

ul.plan03 a:link {
	color:				#8b9a00;
}

ul.plan03 a:visited {
	color:				#8b9a00;
}

ul.plan03 a:hover {
	color:				#ffa602;
}

ul.plan03 a:active {
	color:				#8b9a00;
}

/*************************************************************************************
	PLANES: ESTILO 1 ( AZUL fondo blanco)
*************************************************************************************/

ul.plan04 {
	margin:				0px;
	padding:			0px;
	width:				170px;
	height:				130px;
	background:			url(images/mn_box_4.gif);
}

ul.plan04  li.titulo {
	list-style-type:	none;
	margin:				0;
	padding:			20px 22px 0px 22px;
	font-weight:		bold;
	font-size:			14px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan04  li.precio {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan04  span.precios {
	margin:				0;
	padding:			-22px 10px 0px 22px;
	font-weight:		bold;
	font-size:			10px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan04  span.vermas {
	margin:				0;
	padding-right:      30px;	
	font-weight:		bold;
	font-size:			13px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}

ul.plan04  li.caract {
	list-style-type:	none;
	margin:				0;
	padding:			1px 22px 0px 22px;
	color:				#183e49;
	font-weight:		bold;
}

ul.plan04  a:link {
	color:				#2b646a;
}

ul.plan04  a:visited {
	color:				#2b646a;
}

ul.plan04  a:hover {
	color:				#ffa602;
}

ul.plan04  a:active {
	color:				#2b646a;
}


/*************************************************************************************
	SECCION INFERIOR
*************************************************************************************/

#foot div p {
	text-align:			justify;
	color: 				#828282;
	margin:				3px 0 3px 0;
}

#foot div h1 {
	font-size:			10px;
	font-family:		arial,sans-serif;
	font-style:			normal;
	text-align:			justify;
	margin:				3px 0 3px 0;
	color:				#8ddeeb;
}

#foot div label {
	color:				#828282;
}


#domTxt {
	width:				170px;
	height:				16px;
	padding:			0px 4px 0px 4px;
	border:				1px;
	border-style:		solid;
	border-color:		#333;
	color:				#FFFFFF;
	background:			url(images/wg_txt_bg.gif);
	font-size:			10px;
}

input.ftTxt {
	width:				120px;
	height:				14px;
	padding:			0px 4px 0px 4px;
	border:				1px;
	border-style:		solid;
	border-color:		#333;
	color:				#FFFFFF;
	background:			url(images/wg_txt_bg.gif);
	font-size:			10px;
}

input.ftBtn {
	padding:			1px 10px 1px 10px;
	border:				0;
	border-color:		#333;
	background:			url(images/wg_btn_bg.gif);
	font-size:			10px;
	color:				#8ddeeb;
}
.prime {
	
	FONT-SIZE: 0x; 
	COLOR: #777; 
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}

.prime a {
	 FONT-SIZE: 0px; 
	 COLOR: #777; 
	 FONT-FAMILY: Arial;
	 TEXT-DECORATION: none
}
.prime p {
	 FONT-SIZE: 0px; 
	 COLOR: #777; 
	 FONT-FAMILY: Arial;
	 TEXT-DECORATION: none
}
.prime a:hover {
	
	 FONT-SIZE:0px; 
	 COLOR: #777; 
	 FONT-FAMILY: Arial;
	 TEXT-DECORATION: none
}


#foot div a:link {
	color:				#aab4bc;
	text-decoration:	none;
}
#foot div a:visited {
	color:				#aab4bc;
	text-decoration:	none;
}
#foot div a:hover {
	color:				#32d2f4;
	text-decoration:	none;
}
#foot div a:active {
	color:				#aab4bc;
	text-decoration:	none;
}

#dbx {
	position:			absolute;
	margin-top:			260px;
	margin-left:		80px;
}

#copy p {
	text-align:			center;
	color:				#555;
	margin:				0;
}

/* formulario */
div.formulario {
	width:				400px;
	float: 				right;
	padding:			10px 0 0 0 ;
}
ul.form1 {
	margin:				0px;
	padding:			0px;
	width:				400px
}
ul.form1 li.inputs {
	list-style-type:	none;
	margin:				0;
	font-weight:		bold;
	font-size:			10px;
	color:				#ff4f84;
	font-family:		'Trebuchet MS',arial,helvetica;
}
input.formulario1 {
	width:				120px;
	height:				14px;
	padding:			0px 4px 0px 4px;
	border:				1px;
	border-style:		solid;
	border-color:		#333;
	font-size:			11px;
	color: 				#FFFFFF;
	background:			url(images/wg_txt_bg2.gif)
}

textarea.texto {
	width:				120px;
	height:				52px;
	padding:			0px 4px 0px 4px;
	border:				1px;
	border-style:		solid;
	border-color:		#333;
	font-size:			11px;
	color:				#FFFFFF;
	background:			url(images/wg_txt_bg2.gif);
	
}

input.ftBtn2 {
	padding:			1px 10px 1px 10px;
	border:				0;
	border-color:		#333;
	background:			url(images/wg_btn_bg.gif);
	font-size:			10px;
	color:				#FFFFFF;
}
	
#bordes {
    border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#ccc;font-size:10px;
	padding:1px 3px 1px 3px;
	}
	
.botonimagen{
  background-image:url(images/wg_lupa.gif);
  background-repeat:no-repeat;
  background-position:center;
}

#resultado {
	text-align:			justify;
	color: 				#828282;
	margin:				3px 0 3px 0;
}