body{
	text-align:center;
	margin-top: 0px;
	background: url(../image/wall.jpg) repeat-x #1e90ff;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0000ff;
	outline:none;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	background-color: #add8e6;
}


h1{
	color: #000;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
}

h2{
	color: #1e90ff;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

h3{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
}

h4{
	color: #b22222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-top: 4px;
	margin: 0px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #1e42aa;
}

p{
	color: #333;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

span{
	color: #333;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.subtitulo{
	font-weight: normal; 
	font-size:12pt; 
	color:#333
}

li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}

img{
	border-style: none;
}

#div-body{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	background: url(../image/contorno-trans.png);
	width: 940px;
}
		
		.div_redondeado_abajo{
			background: url(../image/redondeado_abajo.png);
			height: 30px;
			clear: both;
		}

#div-contenedor{
width: 900px;
margin: auto;
text-align: left;
}

#div-cabezal{
	width: 900px;
	height: 150px;
	float: left;
	background: url(../image/head.jpg) no-repeat;
	margin: auto;
}

#div-cabezal-chat{
	width: 120px;
	height: 110px;
	margin: auto;
	padding: 25px 0 10px 0;
	background: url(../image/head-wall.jpg) repeat-x;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bolder;

}
			
			.menu{
				width:900px;
				list-style: none;
				height: 23px;
				text-align: left;
				top: 72px;
				position: relative;
				margin: 0px;
				z-index: 1;
				background: url(../image/bg-menu.gif);
				padding-top: 7px;
				margin: 0px;
			}
			
			.li-menu{
				list-style: none;
				font-weight: bold;
				padding: 0px;
				margin: 0px 0px 0px 0px;
				text-align: center;
			}

			.li-menu li{
				height: 30px;
				float: left;
			}
			
			.li-menu li a{
				color: #fff;
				display: block;
				height: 23px;
				padding: 7px 10px 0px 10px;
				text-decoration: none;
				border-right: solid 1pt #333;
				text-shadow: 0.1em 0.1em #000;
				display: inline;
			}
			
			.li-menu li a:hover{
				color: #fff;
				background-color: #000;
				padding-bottom:20px;
			}
									
#div-contenido{
	width: 860px;
	height: 100%;
	float: left;
	padding: 50px 20px 0px 20px;
	position: relative;
	top: 0px;
	clear: both;
	text-align: left;
}

		.div-banner{
			/*background: url(../image/banner.jpg) no-repeat;*/
			margin:0px;
			width: 900px;
			height: 150px;
			position: relative;
			clear:both;
		}
		
		.div-dominio{
			background: url(../image/dominio-disponible.jpg) no-repeat;
			margin:0px;
			overflow: auto;
			width: 900px;
			height: 50px;
			border-top: solid 2px #111;
			clear: both;
		}
		
		.redondeado * {
   padding-left: 25px;
   padding-right: 25px;
}

		
.div-servicios{
	width: 60px;
	height: 80px;
	float: left;
	margin-right: 10px;
}

#div-pie{
	width: 880px;
	border-top:dotted #cccccc 1px;
	text-align:center;
	padding: 30px 0px 10px 0px;
	margin-top: 50px;
	clear: both;
}

			#div-pie p{
					font-size: 8pt;
			}
			
			#div-pie a{
				display: block;
				padding: 5px;
				display: inline;
			}
			
			input, textarea{
				background: #e6e6fa;
				border: solid #4682b4 1px;
			}
			
			label{
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 10pt;
				line-height: 40px;
			}


#div-form{
	text-align: center;
}

.conjunto-col{
	width: 600px;
	height: 220px;
	margin-top: 30px;
	padding: 20px 20px 0px 20px;
}

		.col1{
			width: 405px;
			height: 100%;
			float: left;
			/*border-left: solid 1px #999;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;*/
			padding-right: 25px;
			text-align: left;
		}
		
		.col2{
			width: 405px;
			height: 100%;
			float: left;
			margin-left: 0px;
			/*border-left: solid 1px #999;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;*/
			padding-left: 25px;
		}
		
		
				.col-hosting{
			width: 112px;
			height: auto;
			float: left;
			margin-right: 0px;
			padding-right: 10px;
			border-left: solid 1px #ccc;
		}
		
		
				.col-hosting p{
					font-size: 10pt;
					line-height: 20pt;
					text-align: center;
				}
				.col-hosting h2,h3{
					text-align: center;
				}		
				
		.col-hosting-descripcion{
			width: 220px;
			height: auto;
			float: left;
			margin-right: 0px;
			padding-right: 10px;
		}
		
		
				.col-hosting-descripcion p{
					font-size: 10pt;
					line-height: 20pt;
				}
				.col-hosting-descripcion h3{
					text-align: left;
				}
				
				
				
.popup{
	text-align: justify;
	width: 90%;
	height: 100%;
	background-color: #fff;
	padding: 25px;
	margin: auto;
}

.red-social{
	z-index: 2;
	background: url(../image/twitter.jpg) no-repeat;
	width: 360px;
	height: 300px;
	position: fixed;
	bottom: 0px;
}
	
	
	
/*********************** micro wohis ***************************************/


#main {
    margin: auto;
	border: 1px solid #cccccc;
	width: 400px;
	background: #F1F3F5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}

#div-form {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 250px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 250px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:50px;
}

.text {
	border: 1px solid #666;
}


#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}

#icon{
    width:100px;
    height:100px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:100px;
    height:100px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#CCCCCC;
}