/* CSS Document */

* {					
	margin: 0;
	padding: 0; 
	} /* evita problemas para los distintos navegadores */

BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND: url(../body_pics/bckgr.gif) #206E98 repeat left top;
	MARGIN: 0px; 
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	height:100%
	}
	
html { 
	height:100%
	}	
	
P {
	MARGIN: 0px
	}
	
H1 {
	MARGIN: 0px
	}
	
H2 {
	MARGIN: 0px
	}	

H4 {
	MARGIN: 0px;
	text-align:center;
	font-weight:bold;
	font-size:18px;	
	}

ol {
	padding-left:15px;
	}
	
a { 
	color:#44B1D6;
	text-decoration:underline;
	}
	
a:hover { 
	color:#44B1D6;
	text-decoration:none;
	}			
			
/*a:visited { 
	color:#44B1D6;
	text-decoration:underline;
	}	*/
	

.flota_right {	
	float:right;
}				/*situa el div a la derecha y a la izq respectivament,si no funciona con uno,reforzarlo con el otro*/

.flota_left {
	float:left;
}
	

.clear{ 
	clear:left; /*para que el contenido no se desborde IMPORTANTE:utilizar siempre que se superpongan dos div */
	}
	
.clear_both{ 
	clear: both; /*para que el contenido no se desborde IMPORTANTE:utilizar siempre que se superpongan dos div */
	}		
	
#container { 
	margin:0 auto; /* centrar la capa */
	width:734px;
	}	
	
/* top */
#bckgrd_top {
	margin:0 auto; 
    background-image:url(../body_pics/bckgr_top.gif); 
	/*background-image:url(../body_pics/bckgr_top3.jpg);*/
	background-repeat:repeat-x;
	}

#top1 {
	background-image:url(../body_pics/top1.jpg);
	background-repeat:no-repeat;
	width:734px;
	height:76px;
	}
	
#top1 p {
	color:#FFF;
	padding:45px 10px 5px 520px;
	}	
	
#top1 a { 
	color:#FFF;
	text-decoration:underline;
	}
	
#top2 a:link { 
	color:#FFF;
	text-decoration:none;
	}	
	
#top1 visited { 
	color:#FFF;
	text-decoration:underline;
	}		
	
#top2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../body_pics/top2.jpg);
	background-repeat:no-repeat;
	width:734px;
	height:201px;
	}	
	
#top2_txt {
	float:left;
	width:355px;
	}	
	
#top2 h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1C6F97;
	margin:20px 0px 0px 20px; /*problemas con margin-top 20px en mozilla*/ 
	
	}	
	
#top2 ul {
	padding-top:35px; 
	list-style: inside;
	
	}		
	
#top2 li {
	font-size:11px;
	color: #666;
	margin:0px 0px 0px 20px; /*problemas con margin-top 20px en mozilla*/
	}
	
#top_btn {
	width:96px;
	height:107px;
	float:right;
	}	
			

/* menu */
#mn { 
	background-color:#FFF;
	text-align:left;
	width:732px;
	height:31px;
	margin:0px;
	padding:0px;
	border:1px solid #FFF;
	}
	
* html #mn { 
	height:30px;}	
	

/* contenido */

/*#contents {
	background-color:#FFF; /*este div solo actua pa cubrir el fondo en una franja al lado de la img dl ordenador
	width:734px;
	height:100%;
	}	*/
	
#contents_faqs { /*mozilla y IE7*/
	background-color:#FFF; /*cubre el fondo en una franja al lado de la img dl ordenador pa mozilla*/
	width:734px;
	/*height:1650px; */
	}
* html #contents_faqs { 
	height:100%;
	}	
	
#contents_precios{ 
	height:100%;
	}	
	
#contents_new {
	background-color:#FFF; 
	width:734px;
	/*height:890px;     IMPORTANTE variar la altura si en ie7 se superpone el div:credits;tb influye en mozilla*/
	padding-top:0px;
	}
	
*html #contents_new { 
	height:100%;
	}
	
*html #contents_new2 { 
	height:100%;
	}		
	
#contents_details_gestion {
	height:1900px;
	}

#contents_details_portales {
	height:1150px;
	}
		

#contents_new2 {
	background-color:#FFF; 
	width:734px;
	height:890px;     /*clon de contents_new,los cambios estan en iE7.css*/
	padding-top:0px;
	}			

/*
#contents_contacto {
	background-color:#FFF; /*es un clon de div contents,los cambios aparecen en ie7.css
	width:734px;
	height:100%;
	}	*/


	
#central{
	background-color:#FFF;
	width:520px;
	text-align:justify;
	float:left;
	}		
	
#central_left{
	padding-top:0px;
	padding-left:10px;
	float:left;
	width:370px;
	}
	
#central_left h1{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/	
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px;
	font-weight:bold;
	color:#1C6F97;
	margin:10px 0px 5px 0px; /*problemas con margin-top 20px en mozilla*/
	}		
	
#central_img{
	/*background-image:url(../body_pics/bckgr_right.gif);
	background-repeat: repeat-y; 
	background-position:top left; */
	width:134px;
	float:right;
	}	
	
#demo_padd {
	margin-top:7px;		
	}
	
* html #demo_padd {
	margin-top:3px;	
	}		
	
#central_left p {
	margin-bottom:10px;
	}	
		
#central_left h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	font-weight:bold; 
	text-decoration:none;
	padding-bottom:10px;
	text-align:center;
	margin:0px;
	}
	
#left_clients{
	/*background-image:url(../body_pics/bckgr_number.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	border:1px solid #999;
	padding:1px 5px 5px 10px; 
	margin-top:7px;
	}	
	
#left_clients h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	font-weight:bold; 
	text-decoration:none;
	padding-bottom:10px;
	text-align:center;
	}		

#left_clients ul{ 
	}
	
#left_distributor{
	padding:1px 5px 5px 10px; 
	margin-top:7px;
	}	
	
	/*right*/
	
#right_faqs { /*mozilla*/
	width:210px;
	float:right; 
	background: url(../body_pics/tit_client_destac.gif) no-repeat #FFF;
 	padding-left:4px; /*NO TOCAR, soluciona el problema del espacio entre clientes destacados y la img central */
	padding-top:35px;
	}
	
* html #right_faqs { /*explorer*/
	padding-top:45px;
	width:210px;
	}		
	
#right_faqs h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	font-weight:bold; 
	padding:5px 0px 10px 10px;
	}	
	
#right_img { 
	background-image:url(../body_pics/bckgr_right.gif);
	background-repeat: repeat-y; 
	background-position:top left; 
	width:132; 
	height:705px;
	float:right;
	}	
		
#mini_logo {
	float:left;
	padding-top:16px
	}
	
#mini_logo p {
	margin:3px;	
	}
	
#name_link {
	float:left;
	padding-right:4px;
	}
	
	
#clientes_dest{
	height:88px;
	background-image:url(../body_pics/bckgr_clientes_des.gif);
	background-repeat:no-repeat;
	margin-top:9px;
	}		
	
#name_link p {
	margin-top:15px;
	margin-bottom:35px; 
	margin-left:5px;
	width:115px;
	}		

#contenido_faqs_pedido h1{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/		
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1C6F97;
	margin:10px 0px 5px 0px; /*problemas con margin-top 20px en mozilla*/
	}		
	
/* pie */	

#footer { 
	background-color:#FFF;  	                    
	width:734px;
	height:120px;
	padding-top:10px; 
	/*position: relative; esta hace que este div se ponga encima del div credits*/
	float:left;/*evita que el contenido dentro de los div se desborden,tb sirve para colocar el "footer" debajo de "left"*/ 	 
	}
	
#footer h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	font-weight:bold; 
	text-decoration:underline;
	padding-left:10px;
	padding-bottom:10px;
	}	
					
	
	
UL.col3 
{ 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
FLOAT: left; 
PADDING-BOTTOM: 0px; 
MARGIN: 5px 0px; 
WIDTH: 100%; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none 
} 

UL.col3 LI 
{ 
PADDING-RIGHT: 2px; 
DISPLAY: inline; 
PADDING-LEFT: 10px; 
FLOAT: left; 
PADDING-BOTTOM: 2px; 
WIDTH: 31%; 			/*con esto se consigue una lista a 3 columnas en un solo div*/
PADDING-TOP: 2px;
} 	
			 	

#credits {
	clear: both;
	BACKGROUND: url(../body_pics/bckgr.gif) #206E98 repeat left top;
	color:#C4DEF0;
	width:734px;
	margin:0 auto; 
	text-align:center;
	}
	
#credits p {
	clear: both;
	padding:5px;
	margin: 0 auto;
	}
	
#credits a{
	color:#C4DEF0;
	text-decoration:underline;
	}	
	
#credits a:hover{
	color:#C4DEF0;
	text-decoration:underline;
	}	
	
	
/*demo*/

#demo_left{ /*sin esta variante de "left_clients" cn propiedad "height" el contenido en expl.mozilla se desmonta*/ 
	/*background-image:url(../body_pics/bckgr_number.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	border:1px solid #999;
	padding:1px 0px 0px 10px; 
	height:155px;
	}
	
* html #demo_left{	
	height:150px;
	}

#demo_left p { 
	padding-right:5px
	}	
	
#demo_left ol{
	padding-left:15px;
	}	

#demo_img1{
	width:150px;
	float:left;
	}
	
#demo_text1	{/*NO poner "float:right",si lo haces, en mozilla se pone debajo de la foto,efecto contrario*/
	margin-left:155px;
	height:120px;
	padding-top:22px
	}
	
#demo_btn1 {
	padding-top:20px;
	}	

		
/*faqs*/

#left_faqs{
	background-color:#FFF;
	width:496px;
	float:left; /* asi se coloca a la izq y permite colocar capa "right" al lado */
	padding:0px 10px 0px 10px;
	text-align: justify;
	}
	
#left_faqs_top{ /*mozilla*/
	padding-top:10px;
	}	
	
* html #left_faqs_top{ /*explorer*/
	padding-top:5px;
	}		
	
#left_faqs_box{
	/*background-image:url(../body_pics/bckgr_number_faqs.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	border:1px solid #999;
	padding:8px 5px 5px 10px; 
	}
	
#left_faqs_box2{
	background-image:url(../body_pics/bckgr_number_faqs.gif);
	background-repeat:no-repeat;
	background-position:top center;
	border:1px solid #999;
	padding:8px 5px 5px 10px; 
	}	
	
#left_gestion_box{
	/*background-image:url(../body_pics/bckgr_number_details.gif);*/
	background-repeat:no-repeat;
	background-position:top center;
	border:1px solid #999;
	padding:0px 5px 5px 10px; 
	}			
	
#pic_faqs{
	padding-top:7px;
	width:97px;
	float:left;
	}	

#pic_faqs_txt{ /*NO poner "float:right",si lo haces, en mozilla se pone debajo de la foto,efecto contrario*/
	padding:13px 0px 15px 105px;
	}
	
#pic_details_txt{ /*NO poner "float:right",si lo haces, en mozilla se pone debajo de la foto,efecto contrario*/
	padding:13px 0px 45px 124px; height:155; margin-left:20px
	}		
* html #pic_details_txt{ /*NO poner "float:right",si lo haces, en mozilla se pone debajo de la foto,efecto contrario*/
	padding:13px 0px 15px 124px; height:155; margin-left:20px
	}
	
#pic_details_txt h1{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/		
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1C6F97;
	margin:10px 0px 0px 0px; /*problemas con margin-top 20px en mozilla*/
	}		
	
	
	/*precios*/	
	
#precios_central{
	background-color:#FFF;
	width:714px;
	float:left; /* asi se coloca a la izq y permite colocar capa "right" al lado */
	padding:0px 10px 0px 10px;
	text-align: justify;
	}
	
#precios_central h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1C6F97;
	margin:10px 0px 0px 0px; /*problemas con margin-top 20px en mozilla*/
	}
	
.box_precios{
	background-color:#F0F9FF;
	border:1px solid #666;
}	

#precios_modalidad {
	width:350px;
	}

	
#precios2_modalidad {
	padding:10px 15px 0px 0px;
	}
#precios3_modalidad {
	padding:10px 0px 0px 0px;
	}		

.tit_modalidad{
	color:#006699;
	}
	
#precios_formu { 
	width:300px;
	height:20px;
	}	
	
#precios_formu2 { 
	width:350px;
	height:20px;
	}		

	
	/*contact-formulario*/
	
	
#list_contact{
	float:left;
	}	
	
	
#formu_left{
	float:left;
	width:100px;
	}	
		
#formu{ 
	float:right;
	width:180px;
	}
					
.btn {
	background:url(../body_pics/bckgr_btn.gif) #FAFEFF repeat-x left top;
	border:1px solid #61656E;
	font-size:12px; color:#61656E;
	font-weight:bold;
	width:75px;
	cursor:pointer;
	}
	
#left_faqs_box h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; 
	font-size:11px;
	font-weight:bold; 
	text-decoration:none;
	padding-bottom:10px;
	text-align:center;
	}	
	
#left_gestion_box h3 {
	/*font-family: Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold; 
	text-decoration:none;
	padding-bottom:10px;
	color:#1C6F97;
	/*text-align:center;*/
	}	

.cajas_formulario {
	font-size:12px; color:#798086;
	border:1px solid #AFB9C3;
}

/*details*/
#contents_details_gestion {
	background-color:#FFF; /*cubre el fondo en una franja al lado de la img dl ordenador y empuja div credits*/
	width:734px;
	height:100%;
	}

#contents_details_portales {
	background-color:#FFF; /*cubre el fondo en una franja al lado de la img dl ordenador y empuja div credits*/
	width:734px;
	height:100%;
	}

.limpia{
clear:both;
}