/* CSS Desteco */



body {margin: 0px auto; }

#contenedor { width:1003px; text-align:justify; margin: 0 auto;  }

#cabecera { background:#015368;}

.back{

background-repeat: no-repeat;

background-attachment: fixed;

}





/*#logo { height: 107px; BACKGROUND: url(http://desteco.net/images/desteco_top.jpg) no-repeat right top; padding-left:638px; font-size:0.85em; font-family:Geneva, Arial, Helvetica, sans-serif}*/

#logo { height: 206px; padding-left:638px; font-size:0.85em; font-family:Geneva, Arial, Helvetica, sans-serif}

#logo ul{margin:0em;	padding:0ex;	padding-top:2px;}

#logo li{list-style-type:none;display:inline}

#logo li a{text-decoration:none}

#logo li a:link, #logo li a:visited, #logo li a:active,#logo li a:active{	text-decoration:none;	color:#015B73;	padding:0ex 0.8ex}

#logo li a:hover{	color:#015B73;	padding:0ex 0.8ex;	text-decoration:underline}







#bmenu { height:28px; }

#izquierdamen { height:28px; width:103px; float:left;}

#derechamen { height:28px; width:85px; float:left;}

#menuefecto { padding:0; margin:0; padding-bottom:2px; list-style-type:none; }

#menuefecto li { width:105px; height:20px; float:left; border:1px solid #015368; margin-right:2px;  }

#menuefecto a em { display: block; font-style:normal; font-size:0.98em; line-height:1.6em; }

#menuefecto a {	display: block;	text-decoration:none;	font-family:Georgia, "Times New Roman", Times, serif;	color:#000000;	position:absolute;	width:90px;	height:20px;	display:block;	text-align:center;  }

#menuefecto a.blue {background:#015B73; color:#ffffff;}



#menuefecto a:hover { width:95px; height:28px; z-index:200; }

#menuefecto a:hover em { font-size:0.95em;  font-weight: bold;   line-height:1.1em;  overflow:hidden; cursor:pointer;  background:#ffffff;   border:1px solid #015368;  position:absolute;   width:100px;   height:24px;  left:-1px;   top:-3px;  }

#menuefecto a:hover.blue em {background:#015B73;}

#menu { height:24px; width:953px; float:left; background:#015368; BORDER-TOP: #ffffff 4px solid; text-align:center; padding-left:50px;}



#cuerpo { width:1003px; }

#central { margin: 0px 85px 0px 103px; background:#FFFFFF repeat-y; height: 900px;}

#central_contacto{ margin: 0px 85px 20px 103px; padding: 0 90px; background:#FFFFFF; height: 400px;}

#central_interno { margin: 0px 85px 20px 103px; padding: 0 90px; background:#FFFFFF; }

#central_faq{ margin: 0px 85px 20px 103px; padding: 0 90px; background:#FFFFFF; height: 1900px;}

#central_faq ul, #central_interno ul{ margin:0em;	padding:0ex; padding-top:2px; }

#central_faq li, #central_interno li{ font-size:0.9em; font-family: "trebuchet ms"; display:inline}

#central_faq li a, #central_interno li a{text-decoration:none}

#central_faq li a:link, #central_faq li a:visited, #central_faq li a:active, #central_faq li a:active, #central_interno li a:link, #central_interno li a:visited, #central_interno li a:active{text-decoration:none; color:#3CAC20;	padding:0ex 0.8ex}

#central_faq li a:hover, #central_interno li a:hover { font-size:0.95em; color:#FFFFFF; background:#3CAC20; padding-bottom:0px; text-decoration:underline}

#central_faq span, #central_interno span, #central_interno h1, #central_hosting span{ margin-bottom:10px; font-size:1.1em; font-family: "trebuchet ms"; font-weight: bold; color:#3CAC20; text-decoration:underline}

#central_hosting{  margin: 0px 85px 20px 103px; padding: 0 10px; background:#FFFFFF; height: 1060px;  font-family: "trebuchet ms";  font-size:0.8em; }

#central_hosting a:link, #central_hosting a:visited, #central_hosting li a:active{text-decoration:none; color:#3CAC20;	padding:0ex 0.8ex}

#central_hosting a:hover { color:#FFFFFF; background:#3CAC20; padding-bottom:0px; text-decoration:underline}



.animacion1 { width:412px; height:159px;}



.derecha { width:372px; margin:10px 0 0 0;padding: 10px; float:right; font-size: 0.9em; font-family: "trebuchet ms"; background: url(../images/desteco2.gif) right top no-repeat;}



.derecha span { font-size:1.05em; font-family:"trebuchet ms"; font-weight: bold; color:#3CAC20; }



.izquierda { width:412px; height:159px; float:left; margin:3px; }







.tiulos { color:#005367; background:#FFFFFF; font-size:0.9em; font-family:"trebuchet ms", sans-serif; }



.texto2 { font-size:0.9em; font-family: "trebuchet ms", sans-serif;}



.texto3 { font-size:0.9em; font-family: "trebuchet ms", sans-serif; color:#000000}

.texto3 ul { padding:0; border:0; margin-top: 1px; margin-bottom:1px; margin-left: 40px; }

.texto3 ul li { list-style : square; list-style-position : outside; }



.texto4 { font-size:0.8em; font-family: "trebuchet ms", Verdana;}







#pie { font-size:0.78em ; font-family:"trebuchet ms", sans-serif;  color:#FFFFFF; background:#005367; text-align: center;}



/*login*/





#formulario{width:233px; float:right;}

#formulario form{width:233px; height:200px; background:#fff; color:#005367;}

#formulario form input{width:195px; height:18px; margin:5px 0 10px 18px; }

#formulario form label{width:195px; height:18px; margin:0 0 0 18px; font-weight:bold; }

#formulario form input.button{width:58px; height:24px; float:right; margin:0; color:#fff; border:none; }

#formulario form h2{width:233px; height:50px; display:block; }

#formulario form #register{width:160px; height:24px; float:left; }



/*#formulario form #register a{display:block; background:url(http://desteco.net/images/icon3.jpg) 10% 50% no-repeat #fff; color:#666; font-size: 0.9em; font-family: "trebuchet ms"; padding:0 0 0 35px; text-decoration:none;}*/

#formulario form #register a{display:block; color:#666; font-size: 0.9em; font-family: "trebuchet ms"; padding:0 0 0 35px; text-decoration:none;}



/*#formulario form #register a:hover{background:url(http://desteco.net/images/icon3.jpg) 10% 50% no-repeat #fff; color:#000; text-decoration:none;}*/

#formulario form #register a:hover{color:#000; text-decoration:none;}







/*#usuarios { width:135px; height:200px; float:left; background:url(http://desteco.net/images/usuarios.jpg) left center; }*/

#usuarios { width:135px; height:200px; float:left; }



.Estilo1 {	color: #00566A;	font-weight: bold;}

.texto { width:390px; float:left; padding:10px;}

.texto h1 { font-size:1.05em; font-family:"trebuchet ms"; font-weight: bold; color:#3CAC20; padding:4px 0 6px 0; margin:0; }

.txto { width:240px; float:right; font-size:0.9em; font-family: "trebuchet ms"; color:#000000; text-align: justify; }

.txto a, .texto3 a, .texto2 a{ font-size:0.98em; font-family:"trebuchet ms"; color:#3CAC20; text-decoration:underline}

.txto a:hover, .texto3 a:hover, .texto2 a:hover{ font-size:0.98em; font-family: "trebuchet ms"; background:#3CAC20; color:#FFFFFF; text-decoration:none}

.textoportada { width:400px; float:right; font-size:0.9em; font-family: "trebuchet ms"; color:#000000; text-align: justify; }

.textoportada h1 { font-size:1.05em; font-family:"trebuchet ms"; font-weight: bold; color:#3CAC20; padding-bottom:0px;}

.textoportada a { font-size:0.9em; font-family:"trebuchet ms"; color:#3CAC20; text-decoration:underline}

.textoportada a:hover { font-size:0.9em; font-family:"trebuchet ms"; background:#3CAC20; color:#FFFFFF; text-decoration:none}



/*Iconos*/



/*.usabilidad { width:150px; height:100px; float:left; background:url(http://desteco.net/images/usabilidad.jpg) center no-repeat;}*/

.usabilidad { width:150px; height:100px; float:left; }



/*.w3c { width:150px; height:100px; float:left; background:url(http://desteco.net/images/w3c.jpg) center no-repeat;}*/

.w3c { width:150px; height:100px; float:left; }



/*.feedrss { width:150px; height:110px; float:left; background:url(http://desteco.net/images/feed-icon.svg.jpg) center no-repeat;}*/

.feedrss { width:150px; height:110px; float:left; }





/*animacion 2*/



.derechasub { width:372px; height: 220px;}



#sindicacion{
	float:right;
	margin-top: 60px;
}


.direccion{
font-size: 0.93em; font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
font-weight: bold;
color:#333399;
text-align:right;
}



/*validaciones*/



.css { float: right;	display: block;	background-image: url(../images/css.gif);	background-repeat: no-repeat;	height: 46px;	width: 82px;	padding: 0;}

.css:hover{	background-position: 0 -45px;}



.xhtml {float:right;	display: block;	background-image: url(../images/xhtml.gif);	background-repeat: no-repeat;	height: 46px;	width: 82px;	padding: 0;}

.xhtml:hover{	background-position: 0 -45px;}



.rss {	text-indent: -3000px;	float:right;	display: block;	background-image: url(../images/rss.jpg);	background-repeat: no-repeat;	height: 48px;	width: 29px;	padding: 0;}

.rss:hover{	background-position: 0 -45px;}



a.css, a.xhtml, a.rss {	text-decoration: none;}

a.css:hover, a.xhtml:hover, a.rss:hover {border: 0;	text-decoration: none;}

.clearfloat {
	clear:both;
    height:30px;
    font-size: 0.5em;
    line-height: 0px;
}

/* Informacion de la Empresa */

#conten {
margin:10px 140px 10px 160px;
padding:0;
line-height:1.5em;
text-align:justify;
}


#contenwide {
margin:10px 0 10px 160px;
padding:0;
line-height:1.5em;
text-align:left;
}



#contenfull {

margin:10px 10px 10px 10px;

padding:2px 0 0 0;

line-height:1.5em;

text-align:left;

}



#conten h2, #contenwide h2, #contenfull h2 {

font-size:1.8em;

letter-spacing:-1px;

font-weight:normal;

margin:8px 0 10px 0;

padding:0;

}



.cuadro1 {  background:#adce0a ;

			border-color:#000000;

			border-top:1px ;

			border-right:1px ;

			border-bottom:1px ;

			border-left:2px ;

			}



/* PARA FORMULARIOS */



form{ margin:auto;	text-align:left;	width:46em;}



 form ul{

          list-style:none;

		  padding:0;

		  margin:0;	}



  form ul li {

              padding-left:10em;

			  padding-top:0.5em;

			  padding-bottom:0.2em;

			  margin:0;

			  }



	form ul li label{

	                  float:left;

					  margin-left:-9em;

					  font-size:0.8em;

					  font-weight:bold;}



	form ul li label span{

	                     background-color:#FFF;

						 color:#D00;}



	form ul li input.caja, textarea{

	                                  font-family:verdana;

									  font-size:0.8em;

									  width:20em;

									  margin:0;

									  border:solid 1px #aabbcc;

									  padding:0.3em;}



	form ul li textarea{width:25em;	}



		form ul li input {font-size:0.8em;}



		form ul li p.ayuda{	font-size:0.8em;}



p.ayuda{width:46em;

	text-align:left;

	padding-left:0.3em;

	font-size:0.8em;

	margin:0;

	color:#666;

	background-color:#FFF;

}





#icons{ 

	background:#FFFFFF;

	text-align:center;

}



#icons img{ 

	border: none;

}



/* */



#registroboletin img { 

	border: none;

}



#romb ul{

	list-style-type: square; line-height:normal;

}


#romb li{

	list-style-type: square;

}

#flash{
	height: 300px;
	margin: 10px 5px 10px 50px;
}