/* CSS Document */

#cuerpo {
	float:left;
}

/******************************MENU VERTICAL********************************************/
#menu {
	width: 25%;
	height:auto;
	margin:1% 0% 1% 0%;
	float: left;
	border-right: 2px solid  #FFCC33;
}

#menu ul {
	list-style:none;
	padding: 0%;
	margin:0%; 
}

#menu ul li{
	margin-top:7%;
	width:85%;
	background-color:  #000099;
	
	padding:2% 0% 2% 5%;
	border-radius: 20px 0px 20px 0px;
	box-shadow: 5px 5px 10px #FFCC33;

-webkit-transition:padding-left 0.6s;
-moz-transition:padding-left 0.6s;
-o-transition:padding-left 0.6s;
-ms-transition:padding-left 0.6s;


}

#menu ul li a{
	text-decoration:none;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#FFFFFF;

	-webkit-transition: color 0.6s;
	-moz-transition: color 0.6s;
	-o-transition: color 0.6s;
	-ms-transition: color 0.6s;
}


#menu ul li:hover  {
padding-left:25px;
background-color: #FFFFFF;

}
#menu ul li a:hover  {
color:#000099;

}

/******************************TABLAS Todas DIV*********************************/

#tabla{
	margin:2% 2% 2% 30%;
} 

#fila {
	float:left;
	width:90%;
	margin: 3% 0% 2% 0%;
	padding-bottom:2%;
	box-shadow: 5px 5px 5px #FFCC33;
}

#col1 {
	margin-right:3%;
}

	#col1 img{
		margin: 5% 2% 0% 3%;
		border-radius: 15px 15px 15px 15px;
		width: 45%;
		height:200px;
	}



/******************************TABLA EMPRESA DIV*********************************/

#tablaemp{
	margin:0% 0% 2% 0%;

} 

#filaemp {
	width: 100%;
	height:auto;
	float:left;
	margin-bottom: 30px;

}

#colemp {
	padding: 1% 1% 1% 1%;
	margin: 2% 0% 2% 5%;
	height:auto;
	border-radius:10px 10px 10px 10px;
	float:left;
	width: 25%;
	box-shadow: 5px 5px 5px #000066;
}



#col1emp {
	float:left;
	margin-left:5%;
	padding: 1% 1% 1% 1%;
	width: 90%;
	
	border-radius: 15px 15px 15px 15px;
	box-shadow: 5px 5px 5px #000066;

}

#col1emp img {
	width: 90%;

}



/*********************************Contacto tabla Div***************************************/

#direccion {
	margin:20px 20px 0px 20px;
	padding-left:30px;
	float:left;
	width: 200px;
	border-left: 1px solid #FFCC33;
	background-color: #FFFFFF;

}

#formulario{
	background-color: #FFFFFF;
	float:left;
	margin:20px 50px 0px 50px;

}

#formulario img {
	margin-bottom:50px;
}

/******************************TABLAS Hosting DIV*********************************/

#htabla{
	margin:2% 0% 2% 2%;
} 

#hfila {
	margin-top:2%;
	margin-bottom: 2%;
	width:95%;
	padding-bottom:3%;
	
	border-bottom: 1px solid #CCCCCC;
	float:left;
	box-shadow: 5px 5px 5px #FFCC33 ;

}

#hcol {
	margin: 0% 0% 0% 2%;
	float:left;
	width: 45%;

}

#hcol img{
	margin:10% 0% 0% 0%;
	border-radius: 15px 15px 15px 15px;
	width: 90%;
	height:200px;
}

#hcol1 {
	width: 95%;
	margin:0% 0% 0% 2%;
	float:left;
	
}

#planes{
	padding:2% 2% 2% 3%; 
	float:left;
	width:30%;
	margin: 2% 4%; 
	box-shadow: 5px 5px 2px;
	border-radius: 15px 15px 15px 15px;

}

/******************************TABLAS portal de Cliente DIV*********************************/

#portaltabla{
	margin:1% 0% 2% 15%;
} 

#portalfila {
	margin-top:1%;
	margin-bottom: 2%;
	padding-bottom:3%;
	float:left;
	width:95%;
}

#portalcol {
	margin:0%  0% 0% 2%;
	float:left;
	width: 35%;
	height: 120px;
}


#portalcol img{
	margin:0% 0% 1% 0%;
	border-radius: 15px 15px 15px 15px;
	border: 2px solid #FFCC33;
	
	width: 55%;
	height:100%;

}

#portalcol1 {
	margin:0% 0% 1% 2%;
	float:left;
	width: 80%;
	border-bottom: 3px solid #CCCCCC;
}
#portalcol2 {
	margin:0% 0% 0% 2%;
	padding: 10px 20px 0px 20px;
	float:left;
	
	width: 50%;
	height:120px;
	border: 1px solid #CCCCCC;
	border-radius: 15px 15px 15px 15px;
	background-color: #FFCC33;

}