/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
height: 100%;
padding: 0;

}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header3.png) top center no-repeat; 
width: 95%;
height: 160px;
margin: 0px 10px 10px 10px;
padding: 10px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: left;
display:block;
}
/**************************************************/
/*                               All the content                                        */
/**************************************************/

#logo{
float: left;
	left: 554px;
	top: 81px;
	height:153px;
}

imglogo{
float: inherit;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
margin-top:10px;
}

/**************************************************/
/*                              Menu                                        */
/**************************************************/
#menu {
	width: 200px;
	height: 100%;
	margin-left: 10px;
	float: left;
	text-align: left;
	padding: 100px 0px 0px 0px;
}

#menu li a {

height: 30px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
font-size:17px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: #0000FF;
display: block;
font-size:17px;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover  {
color: red;
font-size:17px;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

#menu li a:active{
color: #009900;
font-size:17px;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	


/**************************************************/
/*                             Links                                        */
/**************************************************/

a:link{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:normal;
font-style:normal;
font-size:14px;
color:#0000FF;
}

a:visited{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color: #D41FFF;
}

a:hover{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color: #FF0000;
}

a:active{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color: #00FF55;
}


ul {
list-style: none;
font-size:17px;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
	background:  url(images/texttop.png) top left no-repeat;
	width: 520px;
	margin: 33px 0px 0px 220px;
	padding-top: 60px;
	border: 2px navy;
	height: inherit;
}

/**************************************************/
/*                                    Columnas Planes                                            */
/**************************************************/

.column {
    clear:both;
	width: auto;
	height: auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}


/**************************************************/
/*                                     Imagenes                                            */
/**************************************************/
img {
border: none;
float:inherit;
padding:3px 3px 3px 3px;
} 
/**************************************************/
/*                                      Textos                                             */
/**************************************************/

.titulo {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
margin-left:5px;
font-weight:bold;
}
.text1:first-letter {
font-size:25px;
margin-left:5px;
font-weight:bold;
}
   
.text1{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:17px;
text-align:justify;
 text-indent: 0.8cm; 
}

.text{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-align: justify;
text-indent: 0.5cm; 
}

.h2{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:5px;
font-size: 16pt;

}

/**************************************************/
/*                                       Formulario Contacto                                             */
/**************************************************/

#registro {width:360px; padding:10px; margin:15px; border-width: 2px thin; border-color: #0000FF; background-color: #073EF8;}
#registro fieldset {border:0;background-color: #5BCAFF; padding:10px 20px;}
#registro legend{font: bold 16px Arial, sans-serif;color: #0000FF; padding:0 5px;}
#registro p label {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left;width: 22%; text-align:right;padding:5px; color: #000000;display:block; }
#registro p br {clear: left;}
input:focus, textarea:focus {background: #AAE3FF; } 
.enviar{margin:3px 0 0 83px;}
.borrar{float: none;}

span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}

fieldset.welldone span.hint {
	background:#9fd680 url(bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(images\form\bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}

fieldset.welldone {
	background:transparent url(images\form\bg-fieldset-welldone.gif) no-repeat 194px 19px;
}
fieldset.kindagood {
	background:transparent url(images\form\bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}




/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#volver img{
border: none;
float:inherit;
padding:3px 3px 3px 3px;

}


#bottom {  
clear:both;
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}

.tablemenu td:hover {
background: #0626BB;
}
.tablemenu td {
width:20%;
text-align:center;}

.tablemenu {
float:inherit;
width:75%;
height:25px;

}
/**************************************************/
/*                                       Lista Planes                                             */
/**************************************************/
#list {
	
	width: 520px;
	margin: 0px 0px 0px 25px;
	padding-top: 5px;
	border: 2px navy;
	height: inherit;
}

/**************************************************/
/*                                       Reloj Inicio                                            */
/**************************************************/
#Fecha_Reloj {
	float: right;
	width: 300px;
	margin: 0px 5px 15px 10px;
	height: 20px;
	color: #000000;
	font-size: small;
	
	}
	#saludo {
	float: none;
	width: 120px;
	margin: 10px 10px 5px 10px;
	height: 20px;
	color: #000000;
	font-size: 14px;
	font-style:normal;
	font-weight:bold;
	
	}

	
#pc_problema{
float:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
