#general{
    position: relative;
    width: 950px;
    margin: 0 auto;
    background: #ffffff url(/images/fondo_plantilla.jpg) top center repeat-y;
    text-align: left;
    z-index: 10;
}
#top{
position:relative;
height:147px;
width:950px;
}
#barra{
position:relative;
background-color:#FFFFFF;
}

#cuerpo {
    clear: both;
}

#izquierda{
    float: left;
    width: 217px;
    text-align: justify;
}
#derecha{
	float:right;
	width:733px;
	text-align:justify;
}

#izquierda2{
    float: left;
    width: 207px;
    text-align: justify;
}
#derecha2{
	float:right;
	width:733px;
	text-align:justify;
}

#footer {
    clear: both;
	background-image:url(/images/footer.jpg);
	width:950px;
	height:65px;
	background-repeat:no-repeat;
}
.hiddenpic { display:none; }


/*Comienzan los estilos del menu principal*/

#menu2{
position:absolute;
z-index:100;
}
#menu2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu2 ul li{
	float: left;
	position: relative;
	width: 158px;
	height:20px;
	background-position:top-center;
}

#menu2 ul li ul li{
	float: left;
	position: relative;
	width: 250px;
	height:12px;
	background-position:top-center;
}

#menu2 li ul{
  display: none;
  position: absolute; 
  top: 18px;
  margin-left:20px;
  margin-top:2px;
  
}  

#menu2 li > ul {
	top: auto;
	left: auto;
}

#menu2 li:hover ul, #menu2 li.over ul{ display: block;

 }
#menu2 ul li .espacioTexto{
padding-top:1px;
}
#menu2 ul li ul .espacioTexto{
padding-top:0px;
}
#menu2 ul li ul a.vinculo:hover .espacioTexto{
padding-left:30px;
}
#menu2 ul li ul a.vinculo .espacioTexto{
padding-left:30px;
}
#menu2 ul li a.vinculo{
	background-image:url(/images/boton2-off.jpg);
	font-family:Arial; font-style:italic; font-size:12px; text-decoration:none; color:#ffffff; font-weight:bold; text-align:center; vertical-align:text-bottom;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
#menu2 ul li a.vinculo:hover{
	background-image:url(/images/boton2-on.jpg);
	font-family:Arial; font-style:italic; font-size:12px; text-decoration:none; color:#ebeaea; font-weight:bold; text-align:center; vertical-align:text-bottom;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
#menu2 ul li ul a.vinculo{
	background-color:#45a7f0;
	background-image:none;
	font-family:Arial; font-style:italic; font-size:12px; text-decoration:none; color:#ffffff; font-weight:bold; text-align:left;vertical-align:text-bottom;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
#menu2 ul li ul a.vinculo:hover{
	background-color:#222f7e;
	background-image:none;
	font-family:Arial; font-style:italic; font-size:12px; text-decoration:none; color:#ebeaea; font-weight:bold; text-align:left; vertical-align:text-bottom;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
/*Terminan los estilos del menu principal
*******************************************
*******************************************
*/

/*
Comienzan los estilos del menu secundario
*/
#menuSecundario div#articulos a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-articulos-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#articulos a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-articulos-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#noticias a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-noticias-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#noticias a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-noticias-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#videos a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-videos-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#videos a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-videos-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#menuSecundario div#portafolio a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-portafolio-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#portafolio a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-portafolio-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#menuSecundario div#descargas a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-descargas-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#descargas a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-descargas-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#menuSecundario div#testimonios a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-testimonios-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#testimonios a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-testimonios-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#menuSecundario div#enlaces a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-enlaces-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#enlaces a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-enlaces-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#menuSecundario div#alianzas a.vinculo{
width:67px;
height:67px;
background-image:url(/images/boton-alianzas-off.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
#menuSecundario div#alianzas a.vinculo:hover{

width:67px;
height:67px;
background-image:url(/images/boton-alianzas-on.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
}
/*Terminan los estilos del menu secundario
*******************************************
*******************************************
*/

/*
Comienzan los estilos del sitio Web
*/

body{
margin-top:0px;
text-align:center;
}
img{
border:0;
}
a {
	font-size:12px;
	font-weight: bold;
	color:#FF9900;
	font-family: Arial;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
	color:#FF9900;
}
a:hover {
	text-decoration: underline;
	color:#FF9900;
}
a:active {
	text-decoration:underline;
	color:#FF9900;
}

.titulo{
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:16px;
}

.texto{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
}


.texto2{
	font-family:Arial;
	font-size:14px;
	color:#1a4190;
	font-weight:bold;
}

.texto3{
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

.camposLogin{
background-color:#FFFFFF;
color:#1a4190;
border-color:#1a4190;
width:150px;
}

.titulo-hosting{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	font-style:italic;
}

.texto-hosting{
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
}

.footer, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active{
	font-family:Arial;
	font-size:11px;
	color:#1a4190;
	font-weight:bold;
 }
 
 .campos {
	background-color:#FFFFFF;
	color:#1a4190;
	border-color:#1a4190;
	font-family: Arial;
	font-size:12px;
	width:180px;
}

 .camposList {
	background-color:#FFFFFF;
	color:#1a4190;
	border-color:#1a4190;
	font-family: Arial;
	font-size:14px;
	width:180px;
}

 .camposContacto {
	background-color:#FFFFFF;
	color:#1a4190;
	border-color:#1a4190;
	font-family: Arial;
	font-size:14px;
	width:300px;
}

.textoError{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#FF0000;
}

.textoConfirmacion{
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:16px;
}

.paginado{

	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;

}


#hosting #tabla #subtitulo{
	background-color:#166cb6;
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
}

#hosting #tabla #descripcion{
	text-align:center;
	background-color:#166cb6;
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;

}

/*Calendar*/

/*.eventcontent, .datepickerform, .datepicker, .event, .selected, .selectedday, .sunday, .saturday, .monthpicker, .pickerbutton, .yearpicker, .year, .yearname, .yearnavigation{
	background-color:#0033FF;
}*/
/*Modifica la estructura*/
.month{
width:200px;
text-align:center;
}
/*Palabras de mes y dias y navegador de meses*/
.monthname,.dayname, .monthnavigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#1a4190;
	text-align:center;
}
/*Dia que no aplican en el mes*/
.nomonthday{
background-color:#1a4190;
text-align:center;
}
/*Dias del mes*/
.monthday{
background-color:#1a4190;
text-align:center;
}
/*Este Cambia el dia que se seleccione*/
.today{
background-color:#2aa3f6;
text-align:center;
}
#calendar a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

/*Fin Calendar*/

#formularios h1{
	text-align:justify;
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:18px;
	color:#000000;
}
#formularios h2{
	text-align:justify;
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:16px;
	color:#000000;
}
#formularios h3{
	text-align:justify;
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:14px;
	color:#000000;
}
#formularios h4{
	text-align:justify;
	font-weight:bold;
	font-style:italic;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

#formularios p{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-align:justify;
}

.camposForm {
	background-color:#FFFFFF;
	color:#1a4190;
	border-color:#1a4190;
	font-family: Arial;
	font-size:12px;
	width:300px;
}

#filaform{
width:90%;
clear:both;
padding-top:10px;
}
#columna1form{
float:left;
width:200px;
margin-left:60px;
margin-right:30px;
}
#columna2form{
float:left;
width:300px;
padding-top:10px;
//padding-top:0px;
}
#filaformmostrar1{
width:100%;
clear:both;
padding-top:10px;
}
#actualizarservicios{
width:90%;
text-align:center;
border:none;
padding:5px;
margin:5px;
}