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

	

	DRHOST estilo.css por arg

	

	>>> enjoy



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



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

	GLOBALES

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

.intro { display:none; } 



* {

	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(http://images.drhost.cl/body.gif);

	margin:				0px;

	padding:			0px;

	text-align:			center;

}

b{

	font-size:			11px;



}

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:			11px;

	color:				#777;

	text-align:			justify;

}



i {

	margin:				4px;

	font-family:		arial, helvetica;

	font-size:			11px;

	color:				#777;

	text-align:			justify;

}



em {

	margin:				4px;

	font-family:		arial, helvetica;

	font-size:			11px;

	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;	

}



.colorrojo{ 			color:#FF0000;

						font-size:13px;



}

.colorrojo a{           color:#FF0000;

						font-size:13px;

			}

.colorrojo a:hover{      color:#FF0000;

					  	font-size:13px;

			}

.colorrojo a:visited {

						color:				#FF0000;

						text-decoration:	none;

}



.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(http://images.drhost.cl/hd_bg.gif);

	text-align:			left;

}



#main {

	width:				800px;

	min-height:			296px;

	background-color:	#FFF;

	background:			url(http://images.drhost.cl/mn_bg.gif);

	background-repeat:	repeat-x;

	

	text-align:			left;

}



#mainbox {

	width:				410px;

	min-height:			296px;

	background-color:	#FFF;

	background:			url(http://images.drhost.cl/mn_bg.gif);

	background-repeat:	repeat-x;

	text-align:			left;

}



#foot {

	clear:				both;

	width:				800px;

	height:				435px;

	background-color:	#000000;

	background:			url(http://images.drhost.cl/ft_bg.gif);

	background-repeat:	repeat-x;

	text-align:			left;

}



#copy {

	clear:				both;

	width:				800px;

	height:				30px;

	background:			url(http://images.drhost.cl/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(http://images.drhost.cl/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 60px ;

}

div.marquee {

margin-top:20px;

margin-right:60px;

color:#666666;

	

}



div.contenido2 {

	width:				450px;

	float:              left;

	padding:			10px 0 0 20px ;

}

div.contenido3 {

	width:				100px;

	float:				right;

	padding:			20px 60px 0 0 ;

}

div.contenido4 {

	width:				620px;

	float:              center;

	padding:			10px 0 0 20px ;

}

div.directorioizquierdo{

	width:				660px;

	float:              left;

	padding:			10px 0 0 0 ;

}

div.directorioizquierdo p{

	font-family:		'Trebuchet MS', arial, helvetica;

	font-size:			11px;

	color: 				#000000;

}

div.directorioderecho p{

	font-family:		'Trebuchet MS', arial, helvetica;

	font-size:			11px;

	color:				#000000;

}



div.directorioderecho {

	width:				220px;

	float:              left;

	padding:			10px 0 0 0 ;

}

div.descripcion {

	width:				200px;

	float: 				left;

	padding:			18px 0px 0 0px ;

}

div.descripcion2 {

	width:				200px;

	float: 				right;

	padding:			10px 0px 0 0 ;

}

div.contenidobox {

	width:				410px;

	float:				left;

	padding:			10px 0 0 0 ;

}







#index {

	width:				445px;

	height:				296px;

	float:				left;

	padding:			0;



	background-position:bottom right;

	background-repeat:	no-repeat;

}



#ft01 {

	width:				310px;

	height:				422px;

	float:				left;

	margin:				13px 0px 0px 0px ;

	padding:			0px 10px 0px 10px ;

}



#ft02 {

	width:				280px;

	height:				422px;

	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:				422px;

	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(http://images.drhost.cl/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(http://images.drhost.cl/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(http://images.drhost.cl/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(http://images.drhost.cl/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:			11px;

	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(http://images.drhost.cl/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(http://images.drhost.cl/wg_txt_bg.gif);

	font-size:			10px;

}



input.ftBtn {

	padding:			1px 10px 1px 10px;

	border:				0;

	border-color:		#333;

	background:			url(http://images.drhost.cl/wg_btn_bg.gif);

	font-size:			11px;

	color:				#8ddeeb;

}



#foot div a:link {

	color:				#aab4bc;

	text-decoration:	none;

	font-size:			11px;

}

#foot div a:visited {

	color:				#aab4bc;

	text-decoration:	none;

	font-size:			11px;

}

#foot div a:hover {

	color:				#32d2f4;

	text-decoration:	none;

	font-size:			11px;

}

#foot div a:active {

	color:				#aab4bc;

	text-decoration:	none;

	font-size:			11px;

}



#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:			11px 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:			11px;

	color:				#ff4f84;

	font-family:		'Trebuchet MS',arial,helvetica;

}

input.formulario1 {

	width:				160px;

	height:				16px;

	padding:			0px 4px 0px 4px;

	border:				1px;

	border-style:		solid;

	border-color:		#333;

	font-size:			11px;

	color: 				#FFFFFF;

	background:			url(http://images.drhost.cl/wg_txt_bg2.gif)

}



textarea.texto {

	width:				160px;

	height:				120px;

	padding:			0px 4px 0px 4px;

	border:				1px;

	border-style:		solid;

	border-color:		#333;

	font-size:			11px;

	color:				#FFFFFF;

	background:			url(http://images.drhost.cl/wg_txt_bg2.gif);

	

}



input.ftBtn2 {

	padding:			1px 10px 1px 10px;

	border:				0;

	border-color:		#333;

	background:			url(http://images.drhost.cl/wg_btn_bg.gif);

	font-size:			11px;

	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(http://images.drhost.cl/wg_lupa.gif);

  background-repeat:no-repeat;

  background-position:center;

}



#resultado {

	text-align:			justify;

	color: 				#828282;

	margin:				3px 0 3px 0;

	font-size:10px;

}



#container {

	width:500px;

}

.tabs {

	width:100px;

	margin-right:10px;

	padding:4px;

	text-align:center;

	float:left;

	cursor:pointer;

	border:1px solid #ccc;

	border-bottom:0;

	background:#FFCC33;

}

#content {

	height:250px;

	clear:both;

	border:1px solid #ccc;

	font-size:11px;

	



}

#load {

	position:absolute;

	left:0;

	top:0;

	width:100px;

	height:20px;

	background-color:red;

	color:white;

	display:none;

}



.diseno {

 	      

    width:				430px;

	float:              left;

	padding:			10px 0 0 60px ;

        }



.diseno th {

	border-width:		0px 0px 2px 0px;

	border-style:		solid;

	border-color:		#32d2f4;

	font-size:			12px;

	font-weight:		bold;

	padding:			0px 10px 0px 0px;	

	color:				#555;

	

}



.diseno td {

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	font-size:			10px;

	padding:			0px 10px 0px 0px;	

	vertical-align: top;

	text-align:left;

}

.diseno p { 

	font-weight:normal;

	font-size:			10px;

	color:				#000000;

	text-align: 		left;

}

#bordesda {

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	margin-right:		270px;

	font-size:			10px;

	padding:			10px 10px 10px 10px;	

	vertical-align:	    top;

	text-align:			left;

}

#bordesru{

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	

	margin-right:		270px;

	font-size:			10px;

	padding:			10px 10px 10px 10px;	

	vertical-align:	    top;

	text-align:			left;

}

#bordesdi{

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	margin-right:		270px;

	font-size:			10px;

	padding:			10px 10px 10px 10px;	

	vertical-align:	    top;

	text-align:			left;

}

#bordesmo{

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	margin-right:		270px;

	font-size:			10px;

	padding:			10px 10px 10px 10px;	

	vertical-align:	    top;

	text-align:			left;

}

#bordesme{

	border-width:		1px 1px 1px 1px;

	border-style:		solid;

	border-color:		#ccc;

	margin-right:		270px;

	font-size:			10px;

	padding:			10px 10px 10px 10px;	

	vertical-align:	    top;

	text-align:			left;

}