/* Documento CSS para el sitio hostingshs.com */
/****Este es el formateo del body de la pagina web*****/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #666666;
	background:#E4E4E4 url(http://www.hostingshs.com/imagenes/fondobody3.jpg);
	}
body a {
	color:#003366;
	}
body a:hover {
	color:#339900;
	} 
.titcontenidoweb {
	color:#0066CC;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	}
	
/************Este es el encabezado principal y la barra de navegacion de arriba****************/
#header {
		width:778px;
		height:90px;
		position:relative;
		background: url(http://www.hostingshs.com/imagenes/headers.jpg);
		background-color:#1360AC;
	}
#bnavtop {
	width:70px;
	height:35px;
	position:absolute;
	right:3px;
	top:18px;
	}
#bnavtop a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#F4F4F4;
	display:block;
	}
#bnavtop a:hover{
	color:#99FF00;
	}

/*Contenedor principal,secundario,barra de navegacion principal y las capas de todo el sitio de hostingshs.com sin incluir el index*/
#contenedor {
	width:778px;
	margin:auto;
	background-color:#FFFFFF;
	}
#contsecund {
	width:778px;
	height:auto;
	position:relative;
	}
#barranav {
	width:778px;
	padding:10px 0px 10px 0px;
	background: url(http://www.hostingshs.com/imagenes/barranavfondo.jpg) left center repeat-x;
	background-color:#4A708B;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	font: 12px Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	} 
#barranav a {
	color:#E1E1E1;
	text-decoration:none;
	padding:10px;
	}
#barranav a:hover{
	color:#FFFFFF;
	}
#contenidoder {
	width:600px;
	height:auto;
	border-left:1px solid #DBDBDB;
	margin-top:3px;
	margin-bottom:5px;
	float:right;
	}
#contenidoizq {
	width:165px;
	margin-bottom:5px;
	margin-top:3px;
	float:left;
	}
/****************pagina nosotros.html**************************/
#contenido1 {
	width:526px;
	height:345px;
	margin-left:2px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:3px;
	float:left;
	}
#contenido2 {
	width:229px;
	height:345px;
	margin-right:2px;
	margin-bottom:5px;
	margin-top:3px;
	float:right;
	}
	
/**************Estas son las capas del index de hostingshs.com***********************/
#indexpromoweb {
	width:350px;
	height:100px;
	padding:5px;
	float:left;
	}
#indexdominios {
	width:403px;
	height:100px;
	padding:5px;
	float:left;
	margin-left:5px;
	background:url(http://www.hostingshs.com/imagenes/indexdominios.jpg) left center no-repeat;
	}
#indextitdom {
	width:403px;
	height:22px;
	float:left;
	text-align:center;
	}
#indexinputbot {
	width:403px;
	height:25px;
	float:left;
	text-align:center;
	}
#indextexto {
	width:403px;
	height:20px;
	float:left;
	text-align:center;
	font-size: 10px;
	color: #0066CC;
	}
#indexoptions {
	width:403px;
	height:23px;
	float:left;
	text-align:center;
	}
/*--------------------capa de los planes de hospedaje web-----------------*/
#indexcapamain {
	width:614px;
	height:auto;
	float:left;
	}
.indexpwmain {
	width:194px;
	height:auto;
	float:left;
	padding:0px 5px 0px 5px;
	}
.indexpwtit {
	width:188px;
	height:10px;
	padding:5px 0px 5px 5px;
	background-color:#CCCCCC;
	border-right:1px solid #999999;
	color: #003366
	}
.indexpwtitb {
	width:188px;
	height:10px;
	padding:5px 5px 5px 0px;
	border-right:1px solid #999999;
	background:url(../imagenes/fondoindex2.jpg) left center repeat-y;
	color:#F3F3F6;
	text-align:right;
	}
.indexpwcont {
	width:185px;
	height:auto;
	padding:4px;
	font-size:11px;
	background:url(../imagenes/fondoindexplanes.jpg) left center repeat-y;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}
.indexpwcont ul {
	margin:0;
	padding:0;
	}
.indexpwcont li {
	list-style:none;
	margin:0;
	padding:2px 0px 2px 10px;
	background:url(http://www.hostingshs.com/imagenes/vineta_sw.gif) left center no-repeat;
	}
/****----------------------****/
#indexdspweb {
	width:222px;
	height:auto;
	padding:5px;
	float:left;
	color:#003366;
	border:1px solid #CCCCCC; 
	background:url(http://www.hostingshs.com/imagenes/indexdisenoweb.jpg) 90% bottom no-repeat;
	}
#indexdspweb ul{
	margin:0;
	padding:0;
	}
#indexdspweb li {
	list-style:none;
	margin:0;
	padding:2px 0px 2px 15px;
	background:url(http://www.hostingshs.com/imagenes/vineta_sw.gif) 3% center no-repeat;
	}
#indexmenudermain {
	width:153px;
	height:auto;
	padding:0px 4px 5px 4px;
	float:left;
	}
#indexmenu {
	width:148px;
	height:auto;
	float:left;
	padding:3px;
	background-color:#F3F3F6;
	}
#indexmenu ul {
	margin:0;
	padding:0;
	}
#indexmenu li {
	list-style:none;
	margin:0;
	padding:2px 0px 2px 13px;
	background:url(../imagenes/vineta_flecha2.gif) 3% center no-repeat;
	}
#indexmenutit {
	width:148px;
	height:18px;
	padding:3px;
	float:left;
	color:#F3F3F6;
	font-weight:bold;
	background:url(../imagenes/fondoindex1.jpg) left center repeat-y;
	background-color:#006699;
	}
.indexcontamain {
	width:280px;
	height:auto;
	float:left;
	padding:5px 0px 0px 5px;
	}
.indexcontsec {
	width:280px;
	height:auto;
	float:left;
	padding:0px 0px 8px 0px;
	}
.indexcontatit {
	width:275px;
	height:15px;
	float:left;
	padding:5px;
	color:#F3F3F6;
	font-weight:bold;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(http://www.hostingshs.com/imagenes/fondoindex3.jpg) left center repeat-y;   
	background-color:#006699;
	}
.indexconta	{
	width:275px;
	height:auto;
	float:left;
	padding:5px;
	border:1px solid #CCCCCC;
	}
.indexbannersmain {
	width:317px;
	height:auto;
	float:left;
	padding:5px 0px 5px 5px;
	}
.indexbanners {
	width:150px;
	height:74px;
	float:left;
	padding:5px 0px 5px 5px;
	}
/*Este son las capas de los planes de hospedaje titulos,contenedor, abajo y contenedor principal*/
.contplanesprin {
	width:232px;
	height:auto;
	float:left;
	padding:12px 0px 0px 15px;
	}
.contplanesbenef {
	width:290px;
	height:auto;
	float:left;
	padding:8px;
	margin-top:8px;
	margin-left:20px;
	background:url(http://www.hostingshs.com/imagenes/iconosbeneficios.jpg) 90% 25% no-repeat;
	background-color:#F5F5F5;
	border-bottom:2px solid #666666;
	border-top:2px solid #666666;
	}
.contplanesbenef ul {
	margin:0px 0px 0px 0px;
	padding:0;
	}
.contplanesbenef li {
	display:block;
	list-style:none;
	margin:0px;
	text-decoration:none;
	padding:5px 0px 5px 30px;
	background:url(http://www.hostingshs.com/imagenes/vineta_flecha1.gif) 5% center no-repeat;
	}
.contplanestit {
	width:214px;
	float:left;
	padding-left:20px;
	background-color:#CCCCCC;
	border-right:1px solid #999999;
	font-size:12px;
	color:#4A708B;
	font-weight:bold;	
	}
.contplanescont {
	width:234px;
	float:left;
	color:#4A708B;
	background:url(http://www.hostingshs.com/imagenes/fondoplanesweb.jpg) right 40% no-repeat;
	background-color:#F3F3F6;
	border-right:1px solid #999999;
	}
.contplanescont ul {
	margin:0px 0px 0px 0px;
	padding:0;
	}
.contplanescont li {
	display:block;
	list-style:none;
	margin:0px;
	text-decoration:none;
	padding:5px 0px 5px 30px;
	background:url(http://www.hostingshs.com/imagenes/vineta_flecha1.gif) 5% center no-repeat;
	}
.contplanespie {
	width:214px;
	float:left;
	background-color:#F3F3F6;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
	padding:5px 10px 5px 10px;
	}
/*Este es la capa de las caracteristicas de todos los planes de hospedaje y la parte de las FAQ*/
.contcaractplanprin {
	width:570px;
	height:auto;
	float:left;
	padding:15px 8px 8px 12px;
	}
.titcaractplan {
	width:545px;
	height:auto;
	float:left;
	background-color:#4A708B;
	padding:0px 0px 0px 20px;
	color:#FFFFFF;
	font-weight:bold;
	border-right:1px solid #999999;
	}
.contcaractplan {
	width:565px;
	height:auto;
	float:left;
	background:url(http://www.hostingshs.com/imagenes/tecnologias2.jpg) right center no-repeat;
	background-color:#EEEEE0;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}
.contcaractplan ul {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0;
	}
.contcaractplan li {
	width:45%;
	display:block;
	list-style:none;
	margin:0px;
	float:left;
	text-decoration:none;
	padding:3px 0px 3px 22px;
	background:url(http://www.hostingshs.com/imagenes/vineta_flecha2.gif) 5% center no-repeat;
	}
/***********************************F.A.Q.**********************************/
.contfhpmain {
	width:170px;
	height:auto;
	float:left;
	padding:0px 3px 25px 18px;
	margin-top:25px;
	}
.titfhp {
	width:170px;
	height:auto;
	float:left;
	padding:6px 0px 6px 0px;
	background-color:#DFF4FF;
	margin-bottom:5px;
	}
.contfhp {
	width:166px;
	height:100px;
	float:left;
	border-bottom:2px solid #009BE6;	
	}
	
/************Creamos la barra de navegacion de abajo y el pie de pagina***********/
#barranavpie {
	width:778px;
	height:20px;
	padding-top:6px;	
	background:#005995;
	margin-top:3px;
	color:#CCCCCC;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	}
#barranavpie a{
	color:#CCCCCC;
	text-decoration:none;
	}
#barranavpie a:hover{
	color:#F3F3F3;
	text-decoration:underline;
	}
#piedepagina {
	width:778px;
	margin:auto;
	text-align:center;
	position:relative;
	padding:15px 0px 5px 0px;
	}
.piepagina {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.piepagina a{
	color:#999999;
	text-decoration:underline;
	}
.piepagina a:hover{
	color:#666666;
	}
/*Estas son las cajas para la pagina sitiosweb.html */
.contddswm {
	width:180px;
	float:left;
	padding:8px;
	}
.titddsw {
	width:172px;
	height:12px;
	padding:4px;
	color:#F3F3F6;
	text-align:center;
	font-weight:bold;
	background:#0085DD;
	}
.contddsw {
	width:168px;
	height:auto;
	padding:5px;
	background:url(../imagenes/fondositiosweb.jpg) left center repeat-y;
	border-left:1px solid #006699;
	border-right:1px solid #006699;
	color:#666666;
	}
.contddsw ul {
	margin:0px;
	padding:0;
	}
.contddsw li {
	margin:0;
	list-style:none;
	padding:3px 0px 3px 15px;
	background:url(http://www.hostingshs.com/imagenes/vineta_sw.gif) 2% center no-repeat;
	}
.footddsw {
	width:172px;
	height:15px;
	border-left:1px solid #006699;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background-color:#008ED2;
	color:#F3F3F6;
	font-weight:bold;
	font-size:10px;
	padding:3px;
	}
.footddsw a {
	color:#E1E1E1;
	text-decoration:underline;
	}
.footddsw a:hover {
	color:#F3F3F6;
	}

/*------------------Este es la barra de navegacion izquierda---------------------*/
/*#titmenulateral {
	width:165px;
	height:10px;
	margin-left:5px;
	background:url(https://www.hostingshs.com/imagenes/topmenuizq.jpg) center bottom no-repeat;
	}
#footmenulateral {
	width:165px;
	height:10px;
	margin-left:5px;
	background:url(https://www.hostingshs.com/imagenes/bottommenuizq.jpg) center top no-repeat;
	}*/
#menulateral {
	width:170px;
	height:auto;
	font: 11px Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	background:url(http://www.hostingshs.com/imagenes/fondomenulateral.jpg) left top repeat-y;
	}
#menulateral ul {
	margin:0;
	padding:0;
	}
#menulateral li {
	display:block;
	list-style:none;
	margin:0;
	text-decoration:none;
	background:url(http://www.hostingshs.com/imagenes/vinetamenulateral.jpg) 2% center no-repeat;
	}
#menulateral a{
	color:#12589E;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 25px;
	background:url(http://www.hostingshs.com/imagenes/bottomamenulateral.jpg) left bottom repeat-x;
	}
#menulateral a:hover{
	color:#FFFFFF;
	background: url(http://www.hostingshs.com/imagenes/vinetamenulateralhover.jpg) 2% center no-repeat;
	background-color:#1773CE;
	}
/*--esta en la caja donde iran las imagenes y otras cajas debajo de la barra de nav izquierda--*/
#contizqimg {
	width:165px;
	height:auto;
	margin-top:30px;
	margin-left:5px;
	}
.titcontnavizq {
	width:150px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#4F94CD;
	padding:0px 0px 0px 10px;
	}
.contnavizq {
	width:158px;
	height:auto;
	color:#990000;
	border:1px solid #4F94CD;
	background-color:#FFFFFF;
	}
.contnavizq ul {
	margin:0px 0px 0px 0px;
	padding:0;
	}
.contnavizq li {
	display:block;
	list-style:none;
	margin:0;
	text-decoration:none;
	padding:2px 0px 2px 18px;
	background:url(http://www.hostingshs.com/imagenes/vinetautileriasweb.gif) 5% center no-repeat;
	}
#vinetaplanes li{
	list-style:none;
	padding-left:10px;
	}
	
/*Esta es la parte del area de clientes*/
#form_atenclientes {
	width:440px;
	border:1px solid #DBDBDB;
	}
#areaclientes {
	width:750px;
	margin-left:15px;
	margin-top:3px;
	border:1px solid #DBDBDB;
	}
#barranavpanel {
	width:750px;
	}
#contpanel {
	width:750px;
	margin-left:15px;
	margin-top:10px;
	}
#ladoderecho {
	width:610px;
	float:left;
	margin-bottom:5px;
	border:1px solid #DBDBDB;
	}
#ladoizquierdo {
	width:130px;
	float:right;
	border:1px solid #DBDBDB;
	}

/*En esta parte van las capas que se utilizan para enmaquetar la galeria de diseno web*/
#containerphotomain {
	margin-left:5px;
	}
.cotainerphoto {
	width:150px;
	height:130px;
	padding:5px;
	float:left;
	margin-left:13px;
	margin-bottom:15px;
	background-color:#E6F7FF;
	border-right:1px solid #A5A7AA;
	border-bottom:1px solid #A5A7AA;
	text-align:center;
	}
#bottomcontainer {
	width:540px;
	height:auto;
	float:left;
	clear:both;
	}
/*********capas de nuestros clientes de hospedaje web**********/
.contclienteshdwmain {
	width:520px;
	height:auto;
	float:right;
	margin-top:10px;
	padding:0px 35px 20px 0px;
	}
.contclienteshdwa {
	width:140px;
	height:92px;
	float:right;
	padding:10px 5px 5px 10px;
	border-bottom:2px solid #009BE6;
	}
.contclienteshdwb {
	width:345px;
	height:92px;
	float:right;
	padding:10px 5px 5px 10px;
	border-bottom:2px solid #009BE6;
	}
/* esta ea la parte que usaremos para las secciones de las preguntas*/
.contfaqmain {
	width:515px;
	height:auto;
	float:right;
	padding:20px 37px 20px 30px;
	}
.titfaq {
	width:503px;
	height:auto;
	float:right;
	color:#EAEAEA;
	font-weight:bold;
	font-size:12px;
	background-color:#708090;
	padding:1px 0px 1px 15px;
	}
.contfaq {
	width:510px;
	height:auto;
	float:right;
	background-color:#E8E8E8;
	border:1px solid #708090;
	padding:3px 0px 3px 6px;
	}
.contfaq ul {
	margin:0;
	padding:0;
	}
.contfaq li {
	display:block;
	padding:4px 0px 4px 20px;
	list-style:none;
	background:url(http://www.hostingshs.com/imagenes/vinetafaq.jpg) left center no-repeat;
	}
.contfaq li a {
	color:#666666;
	text-decoration:none;
	}
.contfaq a:hover{
	text-decoration:underline;
	}
.contrespuestas {
	width:510px;
	height:auto;
	float:right;
	background-color:#E8E8E8;
	border:1px solid #708090;
	padding:3px 0px 3px 6px;
	}
.contrespuestas ul {
	margin:0;
	padding:0;
	}
.contrespuestas li {
	display:block;
	padding:2px 0px 5px 20px;
	list-style:none;
	background:url(http://www.hostingshs.com/imagenes/vineta_respuesta.jpg) left 1px no-repeat;
	}
.contrespuestas li a{
	font-weight:bold;
	color:#708090;
	}
.contrespuestas p {
	margin:0;
	padding:2px 0px 20px 0px;
	}