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

*{margin:0; padding:0}

body{
	font-family:Tahoma,Arial, Helvetica, sans-serif; background: #FFDB00 url(images/diseno/fondo_general.jpg); background-repeat:repeat-x ;
	font-size:12px; color:#333333;
	margin:auto;
}
a{color:#F60;text-decoration:none}
a:hover{color:#F60;text-decoration:underline}
.body{
	font-family:Tahoma,Arial, Helvetica, sans-serif; background: #FFDB00 url(images/diseno/quienes/fondo_internas.jpg); background-repeat:repeat-x ;
	font-size:12px; color:#333333;
	margin:auto;
}
h1{font-size:12px; font-weight:bold; color:#333333;}
h2{font-size:18px; font-weight:bold; color:#FF6600;}
a img {border:none;}
#navegador{width:957px; margin:auto;}
#cabezote{width:953px; height:144px; float:left; background-image:url(images/diseno/fondo_cabezote.jpg);}
	#logo{width:142px; float:left; margin: 10px 0 0 30px;}
	#pbx{width:535px; float: right; margin-right:30px;}
#menu{ width:953px; height:250px; float:left; background-image:url(images/diseno/fondomenu.jpg);}
	#menu_index{width:207px; height:250px; float:left;}
	#menup{list-style:none;	margin:0;	padding:0;
	}
	#menup li { margin-top:4px; padding-bottom:3px;text-decoration:none;
	}
	#menup li a {
	display:block;padding:3px 5px 2px 12px;margin-left:1px;text-decoration:none;
	font-size:12px; font-weight:bold;color:#FFFFFF;
	}
	#menup .select{color:#FF6600}
	#menup .select:hover{color:#FFF}
	#menup .select2{color:#FFF}
	#menup li a:hover {
	color:#FF6600;
	}
	
	#menu2
	{
		width:953px; 
		/*height:43px;*/ 
		float:left; 
		background:url(images/diseno/quienes/fondo_menu2.jpg) no-repeat top;
		
	}
	#menupinterior{/*list-style:none;*/	margin:0;	padding:0 0 0 30px;
	}
	
		
	#menupinterior li {display:inline; margin-top:0px; padding-bottom:0px;text-decoration:none; 
	}
	#menupinterior li a {
	display:block;padding:10px 5px 2px 6px;margin-left:5px; margin-top:10px;text-decoration:none; float:left; background: url(images/diseno/quienes/linea_menu2.jpg) no-repeat left top;
	font-size:12px; font-weight:bold;color:#FFFFFF;
	}	
	#menupinterior li a:hover {
	color:#FF6600;
	}
	#banner_index{width:746px; float:left;}

#contenido{width:893px; float:left; background: #FFFFFF url(images/diseno/fonodo_contenido.jpg); background-repeat:no-repeat; padding: 45px 30px 15px 30px;}
#contenido1{width:893px; float:left; background: #FFFFFF; background-repeat:no-repeat; padding: 45px 30px 15px 30px;}

	#producto_mes{width:453px; float:left; border-bottom:#666666 solid 1px; padding-bottom:10px;}
		.servcios{width:143px; float:left; margin-right:8px;background:#FFDB00}
		#fotohome{width:143px; float:left;}
		#tithome{width:143px; float:left; margin-top:5px; border-bottom: solid #333333 1px; padding-bottom:3px; background:#081F2D;color:#FFDB00;text-align:center}
		#tithome h2 {color:#FFDB00}
		#texthome{width:143px; float:left; margin-top:5px;}
	#columnader{width:416px; float:right;}
	#mudanzalinea{width:416px; float:left; background-image:url(images/diseno/fondo_mudanza.jpg); background-repeat:no-repeat; margin-left:20px;}
	#notihome{width:453px; float:left; border-bottom:#666666 solid 1px; margin-top:20px;}
	#gruplogos{width:453px; float:left;padding:10px 0 0 0}
	#grupo_oikos{width:416px; float:left; margin-left:20px; margin-top:20px;}
	#chat-linea{width:416px; float:left; margin-left:20px; margin-top:15px;}
	.grupo{width:62px; float:left; margin-right:65px; margin-top:18px;}
	.grupo2{width:62px; float:left;margin-top:18px;}
	#logo_general{width:97px; float:left; margin-right:20px;}
	#tarjetas{width:416px; float:left; margin-left:20px; margin-top:18px;}
	
	#fotlinea{width:132px; float:left; margin-left:8px;}
	#textlinea{width:247px; float:left; margin-left:8px; margin-top:55px;}
	#vermas{width:78px; float:right; margin-right:20px; margin-top:10px;}
	#tit_mes{width:453px; float:left;}
	#tit_mes2{width:179px; float:left; margin-left:8px; margin-top:10px;}
	#fot_servicio{width:179px; float:left; border:solid #333333 1px; margin-top:8px;}
	#textservicio{width:247px; float:left; margin-left:8px; margin-top:15px;}

#pie1{width:953px; float:left; background-image:url(images/diseno/fondo_pie1.png); background-repeat:no-repeat;}
	#text_pie1{width:546px; float:left; margin-left:20px; margin-top:10px; font-size:10px; color:#666666;}
	#logo_iso{width:150px; float:left; margin-left:15px; margin-top:3px;}
	#direccion{width:155px; float:right; margin-right:15px; margin-top:3px; font-size:11px; color:#666666;}
#pie2{width:953px; height:78px; float:left; background-image:url(images/diseno/fondo_pie2.jpg); background-repeat:no-repeat;}
	.mapa{width:142px; float:left; margin:6px 10px 10px 30px;}
	#comunidad{width:240px; height:40px; float:left; margin-left:20px; padding:0 0 26px 0;}
	.comunidad{width:auto; float:right; margin-top:35px; margin-left:10px;}
	.comunidad2{width:auto; float:right; margin-top:39px; margin-left:10px; margin-right:24px;}
	#storagepie2{width:106px; float:left; margin-left:30px; margin-top:5px;}
	#menupie{list-style:circle;margin:0;	padding:0;
	}
	#menupie li { margin-top:1px; padding-bottom:1px;text-decoration:none;
	}
	#menupie li a {
	display:block;padding:1px;margin-left:1px;text-decoration:none;
	font-size:10px; font-weight:bold;color:#333333;
	}	
	#menupie li a:hover {
	color:#FF6600;
	}
#derechos{width:960px; float:left; margin-right:10px; margin-top:8px;}

/*QUIENES SOMOS---------------------------------------------------*/

#contenido_interiores{width:920px; float:left; background-image:url(images/diseno/quienes/fondo.png); background-repeat:no-repeat;}
#fotoquienes{width:330px; height:100%; float:left; margin-top:30px; margin-left:30px; background:url(images/diseno/quienes/centro.png) repeat-y; text-align:center;}
#fotoquienes2{width:330px; height:100%; float:left;background:url(images/diseno/quienes/arriba.png) no-repeat left top;}
#fotoquienes3{width:330px; height:100%; float:left;background:url(images/diseno/quienes/abajo.png) no-repeat left bottom;padding:5px 0 5px 0;}
#menuquienes{width:537px; height:64px; float:left; margin-left:20px; margin-top:30px;}
	#menupquienes{list-style:none;	margin:0;	padding:0;
	}
	#menupquienes li {background:url(images/diseno/quienes/fondo_menu.png) repeat-x left top; text-decoration:none; float:left; border:none;margin:0 0 0 5px
	}
	#menupquienes li a {
	display:block;padding:15px 10px 15px 15px;text-decoration:none; border:none;
	font-size:12px; font-weight:bold;color:#333333; background:url(images/diseno/quienes/fondo_menu_izq.gif) no-repeat left top;
	}	
	#menupquienes li a:hover {
	color:#FF6600;
	}
	.izq{width:12px; height:44px; float:left; margin-top:4px; border:none;}
	.der{width:16px; height:44px; float:left; margin-top:4px; border:none;}
	.btn_quienes{float:left;height:44px;background:url(images/diseno/quienes/fondo_menu_der.gif) no-repeat right top;}
#titulos{width:390px; float:left; margin-left:50px; margin-top:0px;}
	#storage{width:43px; height:9px; float:left; }
	#titulo{width:350px; float:left;}
#texto{width:400px; float:left; margin-top:10px; background-image:url(images/diseno/quienes/fondo_textos.png); background-repeat:no-repeat; margin-left:50px; padding-left:10px; padding-top:10px;text-align:justify}
#titulos2{width:390px; float:left; margin-left:50px; margin-top:30px;}
#texto2{width:400px; float:right; margin-top:10px; margin-right:100px; background-image:url(images/diseno/quienes/fondo_textos.png); background-repeat:no-repeat; margin-left:50px; padding-left:10px; padding-top:10px;}

/*SERVICIOS-----------------------------------------------------------------*/
#columna1{width:400px; float:left; margin-top:30px;}
#menuservicios{width:700px; height:64px; float:left; margin-left:20px; margin-top:20px;}
#titulos_servicios{width:350px; float:left; margin-left:20px; margin-left:30px; }
#foto_servicios{width:352px; float:left; margin:30px 30px 0 30px; border:solid #333333 1px;}
	.sub_fotos{width:71px; height:auto; float:left; margin-right:10px; border: solid #333333 1px; margin-left:10px; margin-top:20px;}
#columna2{width:400px; float:left; margin-left:40px; margin-top:30px;}
#texto_servicios{width:400px; float:left; margin-top:10px; background-image:url(images/diseno/quienes/fondo_textos.png); background-repeat:no-repeat; margin-left:10px; padding-left:10px; padding-top:10px;text-align:justify}
	#texto_servicios h1{color:#FF6600;}
#recomendar{width:129px; float:right; margin:20px;}

/*MUDANZA EN LINEA-----------------------------------------------------------------*/

#fotomudanza{width:310px; float:left; margin-left:15px;}
#textomudanza{width:376px; float:left; margin-left:15px; margin-top:10px;}
#flecha{width:12px; float:left; margin-top:10px; margin-left:15px;}
#pasos{width:150px; float:left; margin-left:15px; margin-top:10px;}
#pasos h1{color:#FF6600;}
#textopasos{width:350px; float:left; margin-left:40px; margin-top:15px;}
#columna3{width:450px; float:left; margin-left:40px; margin-top:30px; background-image:url(images/diseno/mudanza/fondo.png); background-repeat:no-repeat;}
#calendario{width:441px; float:left; border-bottom:solid #333333 1px;}
#seleccion{width:350px; float:left; margin-top:10px; margin-left:40px; margin-bottom:10px;}
#textcalendario{width:350px; float:left; margin-top:10px; margin-left:15px;}
#formulario{width:400px; float:left; margin-top:20px; margin-left:20px}
.dato{width:140px; float:left; margin:8px 10px 5px 10px;}
.input{width:200px; float:left; margin:5px;}
	.input input {width:200px; height:18px; background-color:#333333; color:#FFFFFF;}
	.input textarea {width:200px; height:50px; background-color:#333333; color:#FFFFFF;}
.enviar{width:100px; float:right; margin-right:20px; margin-top:20px; margin-bottom:20px;}

/*NOTICIAS---------------------------------------------------------------------*/

#noticiageneral{width:556px; float:left; margin-left:10px; margin-top:30px;}
	#cuerponoti{width:516px; 
	float:left; margin:0px 0px 20px 20px;
	}
#titulonoti{width:520px; float:left; height:22px; margin-left:20px; margin-top:10px;}
#subnoticias{width:329px; float:left; margin-left:10px; margin-top:30px; background-image:url(images/diseno/noticias/fondosub_noti.png); background-repeat:no-repeat;}
#titulos_sub{width:150px; float:left; margin-left:20px; margin-left:10px; margin-top:10px; }
#titulosub{width:150px; float:left; margin-top:0;}
.subnoti{ width:300px; float:left; margin-left:10px; margin-top:10px; margin-bottom:5px; border-bottom:#FFFF00 solid 1px; padding-bottom:5px;}
#titsubnoti{width:300px; float:left;}
#textsub{width:180px; float:left; margin-top:5px;}
#fotosubnoti{ width:100px; float:left; margin-left:10px; margin-top:5px; border: solid #FFFF00 1px;}

/*CONTACTO--------------------------------------------------------------------*/

#contac1{width:420px; float:left; margin-top:20px;}
#fotocontac{width:391px; float:left; margin-top:80px; margin-left:10px;}
#contac2{width:421px; height:400px; float:left; margin-left:30px; margin-top:20px; background-image:url(images/diseno/contacto/dondocontac.png); background-repeat:no-repeat;}




.main_view {
	float: left;
	position: relative;
}


.window {
	height:250px;	width: 746px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.window2 {
	height:250px;	width: 746px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border:none;}



#bannerindex {width: 746px;  height:250px; float: left; background-repeat:no-repeat;}

#bannerindex2 {width: 746px;  height:250px; float: left;}

#bannerindex_caja1 {width: 236px;  height:101px; float: right; margin:125px 487px 0 0;}

#bannerindex_caja1_titulo {width: 250px;  height:30px; float: left; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:26px; font-weight:bold; margin:6px 0 0 10px; text-transform:uppercase; text-shadow: 2px 2px 2px #000;}

#bannerindex_caja1_texto {width: 218px;  height:92px; float: left; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:12px; margin:10px 0 0 10px}


/*--Paging Styles--*/
.paging {
	position: absolute;
	top:220px; left:609px;
	width: 137px; height:29px;
	bottom:0;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 30px;
	background: url(images/diseno/fondo_paginador.png);
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 7px;
	text-decoration: none;
	color: #FFF;
}
.paging a.active {
	font-weight: bold;
	background: url(images/diseno/fondo_paginador.png);
	height:33px;
}
.paging a:hover {font-weight: bold;}