@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #89b7d4;
	background-image: url(imagenes/bg.jpg);
	background-repeat: repeat-x;
}
a { outline:none; }
#container {
	width: 960px;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
}
#mainContent {
	padding: 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	clear: left;
}
#menu {
	height: 75px;
	position: relative;
}
#menu p {
	padding-top: 25px;
	color: #999;
	text-decoration: underline;
}
.menu_lateral {
	
}
.menu_lateral li {
	font-size: 58px;
	padding-top: 15px;
	padding-bottom: 18px;
	padding-left: 4px;
	background-color: #105487;
	letter-spacing: -7px;
	line-height: 42px;
}

.menu_lateral li:hover {
}
.menu_lateral a {
	color: #FFF;
	text-decoration: none;
}
.menu_lateral a:hover {
	color: #82B3D3;
	text-decoration: none;	
}
.menu_lateral span {
	font-size: 40px;
}
.experto  {
	position: absolute;
	top: -15px;
	left: 420px;
}
.img_left {
	float: left;
	position: absolute;	
}
      
  .cuadro_redondo {
    border.radius: 10px;
	-webkit-border-radius:10px;
	height: 230px;
	font-size: 68px;
	font-family: Georgia;
	letter-spacing: -6px;
	line-height: 55px;
	position: relative;
	text-shadow: 1px 1px #000;
	background-image: url(imagenes/bannertop1.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 9px;
	color: #FFF;
	z-index: 99;
 }  
 
 .cuadro_redondo p {
	margin: 0;
	padding: 3px;
 }
 
 
 #quiero_boton {
	position: absolute;
	left: 753px;
	top: 162px;
 }
#imagenes_carpetas {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	height: 130px;
}
#imagenes_carpetas li {
	float: left;
	height: 130px;
	width: 290px;
	margin-left: 25px;
}
.derecha1 {
	float: right;
	width: 645px;
	font-size: 14px;
}
.headtexto {
	font-size: 38px;
	font-family: Georgia;
	letter-spacing: -2px;
	line-height: 36px;
}
.izquierda1 ul {
	padding:0px;
	list-style-type: none;
	margin: 0px;
	margin-top: 5px;
}
.izquierda1 li {
	margin-bottom: 6px;	
}
.izquierda1 {
	float: left;
	width: 300px;	
}

#bottom_cuadros {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	height: 130px;
}
#bottom_cuadros li {
	height: 300px;
	background-color: #CCC;
}
.i {
	float: left;
	width: 450px;
	background-color: #93c2e0;
	margin-top: 30px;
	background-image: url(imagenes/aaa.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	height: 300px;
	padding-top: 10px;
}
.d {
	float: right;
	width: 445px;
	background-color: #95C1E0;
	height: 300px;
	margin-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.muestra_imagen  {
	position: absolute;
	left: 926px;
	top: 151px;
	z-index: 1;
}

h1 {
	float: left;
	width: 200px;
	text-align: right;
	margin-left: 10px;
	margin-right: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 19px;
	letter-spacing: -3px;
	font-size: 28px;
	padding: 10px;
}
h4 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
h5 {
	margin: 0px;
	margin-top: 10px;
	color: #FFF;
	font-size: 11px;
}
.descripcion {
	float: right;
	width: 730px;
	padding: 7px;
	behavior:url(js/border-radius.htc);
    border.radius: 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:10px;
	background-color: #FFF;
}
.headtextosub {
	font-size: 42px;
	font-family: Georgia;
	letter-spacing: -2px;
	line-height: 45px;
	background-color: #3f7095;
	color: #FFF;
}
.desc {
	background-color: #9EC3DA;
}
.footer {
	height: 75px;
	background-image: url(imagenes/fott_bg.png);
}
.contenido_footer {
	margin: 0 auto;
	width: 970px;
	padding-top: 13px;
	height: 55px;
}
.contenido_footer img {
	float: left;	
}
.contenido_footer p {
	padding: 0;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	color: #FFF;
}
.expande_negocio {
	width: 210px;
	height: 90px;
	background-image: url(imagenes/expande_tu_negocio.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 90px;
	position: relative;
}
.flechita {
	width: 27px;
	height: 30px;
	margin-right: 20px;
	margin-top: 3px;
	position: absolute;
	right: 0px;
	top: 66px;
}
.monitor {
	margin-top: 10px;	
}

a#replaced {
	display:block;
	width:27px;

                height:25px /* aqui esta el truco */

                    text-indent:-9999em;
	background-image: url(imagenes/flechab.png);
	height: 27px;
	background-repeat: no-repeat;
    }

    a#replaced:hover {
	background-image: url(imagenes/flechaa.png);               

    }
	.tu_web_contiene {
	}
	.tu_web_contiene li {
	list-style-image: url(imagenes/ok.png);
	font-weight: bold;
	color: #000;
	font-size: 15px;
	margin-bottom: 3px;
	}
.ejemplos a {
	text-decoration: none;
	color: #000;
}
.ejemplos a:hover {
	text-decoration: underline;
	color: #175388;	
}
.headtextosubr {
	font-size: 42px;
	font-family: Georgia;
	letter-spacing: -2px;
	line-height: 45px;
	background-color: #F00;
	color: #FFF;
}