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

/*Head*/
a:link {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 20px;}
a:visited {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 20px;}
a:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 20px;}
a:active {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 20px;}
body {background-color: #FFFFFF;	margin-left: 0px;	margin-top: 0px;	margin-right: 0px; margin-bottom: 0px; min-width: 999px; overflow: auto; }
/*Fin head*/


/*General*/
.clase1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; text-align:left;}
.clase2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; text-align:left;}
.clase2 a:hover{color:#999999}
.left {float: left;}
.right {float: right;}
hr {color: #CCC; background-color: #CCC; height: 1px; border: 0; text-align: center;}
/*Fin general*/


/*Cabecera*/
#cabecera1 {height:105px; background-image:url(imagenes/fondosup.jpg);}
#cabecera2 {background-image:url(imagenes/index_02.png); height:105px; width:900px;}
#transicion {height: 210px; margin-left: 0px;}
#menu {height: 55px;	background-image: url(imagenes/index_05.png);}
#menu1 {width: 900px;}
.menu2 {width: 43px; text-align:center; float:left; color: #999999;}
.menu3 a {float: left; text-align:left; font-size: 14px; width:auto; color: black;}
.menu3 a:hover{ color: #999999;}
#menu4 {width: 150px;	height: 15px;	text-align: right; float: left; font-size: 10px; color: #999; font-family: Arial, Helvetica, sans-serif;}
#ie a { background-image: url(imagenes/ie_02.png); background-repeat: no-repeat; background-position: center; float: left; width: 30px; height: 15px; cursor: pointer;}
#ie a:hover { background-image: url(imagenes/ie_01.png);}
#mf a { background-image: url(imagenes/mf_02.png); background-repeat: no-repeat; background-position: center; float: left; width: 30px; height: 15px; cursor: pointer;}
#mf a:hover { background-image: url(imagenes/mf_01.png);}
#gc a { background-image: url(imagenes/gc_02.png); background-repeat: no-repeat; background-position: center; float: left; width: 30px; height: 15px; cursor: pointer;}
#gc a:hover { background-image: url(imagenes/gc_01.png);}
/*Fin Cabecera*/


/*Pie*/
#pie0 { width: 900px; text-align: left;}
#pie1 { width: 115px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px;}
#pie2 { width: 607px; float: left; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;}
#pie2 a{	 color: #999999;}
#pie2 a:hover{	 color: #333333;}
#pie3 { width: 175px; height: 20px; float:right; background-image: url(imagenes/swf.jpg); background-position: center left; background-repeat: no-repeat;}
#pie3 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; cursor: pointer;}
#pie3 a:hover { color: #999999; cursor: pointer;}
#pie4 { width: 175px; height: 20px; float:right; background-image: url(imagenes/pdf.jpg); background-position: center left; background-repeat: no-repeat;}
#pie4 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; cursor: pointer;}
#pie4 a:hover { color: #999999; cursor: pointer;}
#pie5 { text-align:center; margin-top: 57px;}
/*Fin pie*/


/*Cuerpos*/
#blanco1 { background-image: url(imagenes/espacio.gif); width: 20px; height: 400px; float: left;}
#blanco2 { background-image: url(imagenes/espacio.gif); width: 20px; height: 225px; float: left;}
#blanco3 { background-image: url(imagenes/espacio.gif); width: 900px; height: 50px; float: left;}
#cuerpoa {width: 900px;}
#cuerpob {width: 900px; height:225px;}
#cuerpo1 {width: 511px;	vertical-align: top; float: left;	height: 400px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666;}
#cuerposn {width: 511px; height: 225px;	vertical-align: top; float: left; text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; line-height:20px;}
#cuerpoc {width: 369px; height: 225px;	vertical-align: top; float: left; text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; line-height:20px;}
.cuerpoc2 { width: 184px;}
/*Fin Cuerpos*/


/*SOLGRA.HTML*/
.book {width: 200px;	text-align: left;	padding-left: 10px;	background-image: url(imagenes/punto_dora.jpg);
	background-position: center left; background-repeat: no-repeat;	float: left; padding-bottom: 2px;
	font-size: 12px; cursor: pointer; font-family: Arial, Helvetica, sans-serif;}
.book a:hover{ color: #999999;}
#marpieg {margin-top:1850px; z-index: 1; position: relative;}
.clase3 {font-size: 18px; color: #CC6600; text-align:left; z-index: 0; position: relative;}
.clase4 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC6600; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase5 {font-size: 18px; color: #006633; text-align:left; z-index: 0; position: relative;}
.clase6 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006633; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase7 {font-size: 18px; color: #669900; text-align:left; z-index: 0; position: relative;}
.clase8 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #669900; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase9 {font-size: 18px; color: #006600; text-align:left; z-index: 0; position: relative;}
.clase10 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006600; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase11 {font-size: 18px; color: #CC3366; text-align:left; z-index: 0; position: relative;}
.clase12 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC3366; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
/*SOLWEB.HTML*/
.infe {width:480px;  float: left;}
.sepa {width: 43px; text-align:center; cursor: text;}
#contag {width:900px; z-index: 1; position: relative;}
#tags { width:369px; float:right; line-height: 20px; text-align:justify; z-index: 1; position: relative;}
.tagestilo {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #CCCCCC;	font-weight: normal;}
.tagestilo2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 24px;	color: #CCCCCC;}
.tagestilo3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #CCCCCC;	font-weight: normal;}
.tagestilo4 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #CCCCCC;	font-weight: bold;}
/*fin SOLGRA.HTML*/	
#marpiew {margin-top:1250px; z-index: 1; position: relative;}
.clase13 {font-size: 18px; color: #B82414; text-align:left; z-index: 0; position: relative;}
.clase14 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B82414; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase15 {font-size: 18px; color: #000066; text-align:left; z-index: 0; position: relative;}
.clase16 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase17 {font-size: 18px; color: #999900; text-align:left; z-index: 0; position: relative;}
.clase18 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999900; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase19 {font-size: 18px; color: #336699; text-align:left; z-index: 0; position: relative;}
.clase20 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #336699; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
.clase21 {font-size: 18px; color: #660099; text-align:left; z-index: 0; position: relative;}
.clase22 a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #660099; line-height: 20px; height:20px; float:left; text-align:left; width: auto; cursor: pointer; z-index: 0; position: relative;}
/*fin SOLWEB.HTML*/


/*Formularios*/
#formu {width:511px; height:400px;}
.form {height: 30px; text-align: left; vertical-align: middle;}
.form1 {width:200px; float: left;}
.form2 {width:300px; float: right;}
.enviar{background-image:url(imagenes/enviar.jpg); background-repeat:no-repeat; border:none; cursor:pointer; width:54px; height:22px;}
.gris {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; text-align:left;}
.grande {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666; text-align:left; line-height:20px;}
.datos {width:200px; text-align:left; height:22px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px;}
.marfo {	margin-top: 10px;}
/*Fin Formularios*/


/*Video*/
#videog {width:900px;}
#video1 {width:511px; float:left;}
#video2 {width:369px; float: right;}
.videotit {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px; color: #962994; text-align: left;}
.videotex {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px; text-align:justify;}
/*Fin Vdeo*/


/*Proyectos web*/
.webs a{width: 150px;	text-align: left;	padding-left: 10px;	background-image: url(imagenes/punto_dora.jpg);
	background-position: center left; background-repeat: no-repeat;	float: left; padding-bottom: 2px;
	font-size: 12px; cursor: pointer;}
.webs a:hover {color: #999999; cursor: pointer;}
/*Fin proyectos web*/


/*Sobre nosotros*/
.webs2 a{width: 450px;	text-align: left;	padding-left: 10px;	background-image: url(imagenes/punto_dora.jpg);
	background-position: center left; background-repeat: no-repeat;	float: left; padding-bottom: 2px;
	font-size: 12px; cursor: pointer;}
.webs2 a:hover {color: #999999; cursor: pointer;}
/*Fin sobre nosotros*/


/*Contacto*/
.contacto a{ background-image: url(imagenes/email.jpg); background-position: center left; background-repeat: no-repeat; float: left; border: 0; width: 160px; height: 12px; padding-top: 8px; margin: 0;}
.contacto a:hover{ background-image: url(imagenes/email2.jpg);}
.tlf a{ /*background-image: url(imagenes/tlf.jpg); background-position: right; background-repeat: no-repeat;*/ float: left; border: 0; width: 325px; height: 20px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; color: #333333;}
.tlf a:hover{ /*background-image: url(imagenes/tlf2.jpg);*/ color: #999999;}
.arreglo2 {padding-top:100px;}
.arreglo3 {padding-top:100px;}
.contd {width: 180px;	text-align: left;	padding-left: 10px;	float: left; padding-bottom: 2px;	font-size: 12px;}
.conti {width: 150px;	text-align: left;	padding-left: 10px;	float: left; padding-bottom: 2px;	font-size: 12px;}
.contp {text-align: left;	padding-left: 0px;	float: left; padding-bottom: 2px;	font-size: 12px;}
/*Fin Contacto*/

/*Upload*/
.borrar a { background-image: url(imagenes/borrar.gif); background-repeat: no-repeat; background-position: center; float: left; width: 20px; height: 21px; cursor: pointer;}
.borrar a:hover { background-image: url(imagenes/borrar2.gif);}
.descargar a { background-image: url(imagenes/descargar.gif); background-repeat: no-repeat; background-position: center; float: left; width: 20px; height: 21px; cursor: pointer;}
.descargar a:hover { background-image: url(imagenes/descargar2.gif);}
.usuario1 { padding-top: 8px;}
.acceso { padding-top: 22px;}
/*Fin upload*/