/* GENERAL ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { font-family: 'Archivo Narrow', sans-serif; font-size:19px; color:#000000; background-color:#ffffff; margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;}
.CONTENIDO {width:1090px; margin:auto; background-color:#BF9E43; }
a:link { text-decoration: none; color: #4897d2;}
a:visited { text-decoration: none; color: #4897d2;}
a:hover { text-decoration: none; color: #4897d2;}
img { border: 0;}
iframe { border: 0px; frame-border:0px;}


/* CUERPOS BASE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* C1 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:379px) {
	.C1pre { float:left; width:100%;  height:auto;  text-align:center;}
	.C1 { width:100%;  height:100%; margin-left:auto; margin-right: auto; }
	.c1izq { float:left; width:227; height:auto; padding-top:5px; text-align:left; margin-left:2%; }
	.c1der { float:left; width:100%; height:52px; text-align:right; text-align:center; margin-top:3px;}
	}	
@media screen and (min-width:380px) and (max-width:569px) {
	.C1pre { float:left; width:100%;  height:auto;  text-align:center; }
	.C1 { width:100%;  height:100%; margin-left:auto; margin-right: auto; }
	.c1izq { float:left; width:320px; height:85px; padding-top:10px; text-align:left; margin-left:5px;}
	.c1der { float:left; width:100%; height:52px; text-align:center; margin-top:10px; padding-right:0%;}
	}	
@media screen and (min-width:570px) and (max-width:1109px) {
	.C1pre { float:left; width:100%;  height:auto;  text-align:center;}
	.C1 { width:100%;  height:100%; margin-left:auto; margin-right: auto; }
	.c1izq { float:left; width:227px; height:85; padding-top:10px; text-align:left; margin-left:5px; }
	.c1der { float:right; width:auto; height:85px; text-align:right; margin-top:10px; padding-right:2%;  }
	}	
@media screen and (min-width:1110px) {
	.C1pre { float:left; width:100%;  height:95px;  text-align:center;}
	.C1 { width:1090px;  height:95px; margin-left:auto; margin-right: auto; }
	.c1izq { float:left; width:227px; height:85px; padding-top:10px; text-align:left; }
	.c1der { float:right; width:863px; height:85px; margin-top:15px;text-align:right; }
	}
	
/* C2 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.C2-pre { float:left; width:100%;  background-color:#000000; margin-top:10px;}	
@media screen and (min-width:100px) and (max-width:1109px) {
	.C2 { width:100%;  height:31px;  margin-left:auto; margin-right: auto; margin-top:0px;}
	}
@media screen and (min-width:1110px) {
	.C2 { width:1090px;  height:31px;  margin-left:auto; margin-right: auto; margin-top:0px; }
	}

/* C3 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:1089px) {
	.C3-pre { float:left; width:100%; background-color:#000000; margin-bottom: 20px;}
	.C3 { width:100%;  float:center; height:auto;  margin-left:auto; margin-right: auto;}
}
	@media screen and (min-width:1090px) {
	.C3-pre { float:left; width:100%;   margin-bottom: 20px;}
	.C3 { width:1090px;  float:center; background-color:#000000; height:330px;  margin-left:auto; margin-right: auto;}
}

/* C4 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:350px) {
	.C4 { width:100%; background-color:#ffffff; margin-left:auto; margin-right:auto; }
		.c4izq { float:left; width:96%; margin-left:2%; margin-right:2%; text-align:left; margin-bottom:20px; }
		.c4der { float:left; width:96%; margin-left:2%; margin-right:2%; text-align:left; }
}
	@media screen and (min-width:349px) and (max-width:749px) {
	.C4 { width:98%; background-color:#ffffff; margin-left:auto; margin-right:auto; margin-left:1%; margin-right: 1%;}
		.c4izq { float:left; width:98%; margin-left:1%; margin-right:1%; text-align:left; margin-bottom:20px;  }
		.c4der { float:left; width:320px; text-align:left; margin-left:1%; margin-right:1%;}	
}
	@media screen and (min-width:750px) and (max-width:1109px) {
	.C4 { width:98%; background-color:#ffffff; margin-left:1%; margin-right:1%; }
		.c4izq { float:left; width:700px; margin-right:30px; text-align:left; margin-bottom:18px;}
		.c4der { float:left; width:320px; text-align:left;  }
}
	@media screen and (min-width:1110px) {	
	.C4 { width:1090px; margin-left:auto; margin-right: auto; }
		.c4izq { float:left; width:700px; margin-right:30px; text-align:left; margin-bottom:20px; }
		.c4der { float:right; width:320px; text-align:left; }
}
/* C5 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:379px) {
	.C5pre { float:left; width:100%;  height:auto;  text-align:center; }
	.C5 { float:left; width:100%; margin-top:0px; }
}
	@media screen and (min-width:380px) and (max-width:1109px) {
	.C5pre { float:left; width:100%;  height:auto;  text-align:center;}
	.C5 { float:left; width:100%; margin-top:0px; }
}
	@media screen and (min-width:1110px) {
	.C5pre { float:left; width:100%;  height:auto;  text-align:center; margin-top:0px; margin-bottom:20px; }
	.C5 { width:1090px; margin-top:0px; margin-left:auto; margin-right: auto; }
}
/* C6 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:379px) {
	.C6pre { float:left; width:100%;  height:auto;  text-align:center;}
	.C6 { float:left; width:100%; margin-top:0px;}
}
	@media screen and (min-width:380px) and (max-width:1109px) {
	.C6pre { float:left; width:100%;  height:auto;  text-align:center;}
	.C6 { float:left; width:100%; margin-top:0px;}
}
	@media screen and (min-width:1110px) {
	.C6pre { float:left; width:100%;  height:auto;  text-align:center; }
	.C6 { width:1090px; margin-top:0px; margin-left:auto; margin-right: auto; }
}
/* QUIENES SOMOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.qsizq { float:left; width:100%; height:150px; margin-bottom:15px; }
.qsder { float:left; width:100%; height:auto; margin-bottom:15px; }

/* PASTILLA H1 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:379px) {
.pastillah1 { float:left; width:100%; height:28px; text-align:left; background-color:#BA007C; padding-top:3px; margin-bottom:12px; }
}
	@media screen and (min-width:380px) and (max-width:1109px) {
.pastillah1 { float:left; width:100%; height:28px; text-align:left; background-color:#BA007C; padding-top:0px; margin-bottom:12px; }
}
	@media screen and (min-width:1110px) {
.pastillah1 { float:left; width:100%; height:28px; text-align:left; background-color:#BA007C; padding-top:0px; margin-bottom:12px; }
}
/* CAJETINES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.cajetin { float:left; width:100%; height:24px; text-align:left; background-color:#BA007C; padding-top:3px; margin-bottom:12px; }
.cajetin_blau { float:left; width:100%; height:27px; text-align:left; background-color:#4897D2; padding-top:6px; margin-bottom:8px; }
.cajetin_blau_b { float:left; width:100%; height:27px; text-align:left; background-color:#4897D2; padding-top:6px; margin-bottom:0px; }
.cajetin_verd { float:left; width:100%; height:27px; text-align:left; background-color:#6EA853; padding-top:6px; margin-bottom:0px; }
.cajetin_fuxia { float:left; width:100%; height:27px; text-align:left; background-color:#BA007C; padding-top:4px; margin-bottom:0px; }


/* FORMULARIOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.formulario-blog { float:left; width:100%; font-family: 'Archivo Narrow', sans-serif; font-size:16px; }

.field { BORDER-RIGHT: 1px solid #716E6E; BORDER-TOP: 1px solid #716E6E; BORDER-LEFT: 1px solid #716E6E; BORDER-BOTTOM: 1px solid #716E6E;
	     background-color: #FFFFFF; font-family: 'Archivo Narrow', sans-serif; font-size:16px; color:#7F7F7F; color: #3a3a3a;}
.field-buscadorcomp { margin-bottom:10px; margin-left:3px; BORDER-RIGHT: 1px solid #716E6E; BORDER-TOP: 1px solid #716E6E; BORDER-LEFT: 1px solid #716E6E; BORDER-BOTTOM: 1px solid #716E6E;
	     background-color: #FFFFFF; font-family: 'Archivo Narrow', sans-serif; font-size:15px; color:#7F7F7F; color: #3a3a3a;}
.button1 { BORDER-RIGHT: 1px solid #6F6F6F; BORDER-TOP: 1px solid #6F6F6F; BORDER-LEFT: 1px solid #6F6F6F; BORDER-BOTTOM: 1px solid #6F6F6F; padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px;
	      background-color: #6F6F6F; FONT-SIZE: 16px; font-family: 'Archivo Narrow', sans-serif; color: #ffffff;}



/* PRENSA ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:100px) and (max-width:749px) {
.prensa { float:left; width:135px; }
.prensaizq { float:left; width:135px; margin-bottom:2px;}
.prensacen { float:left; width:135px; margin-bottom:2px;}
.prensacen_b { float:left; width:135px; margin-bottom:2px;}
.prensader { float:left; width:135px; margin-bottom:2px;}
.prensatit { float:left; width:280px; height:28px; margin-top:2px; margin-bottom:2px; font-family: 'Archivo Narrow', sans-serif; font-size:14px; color:#000000; }
}

@media screen and (min-width:750px) {
.prensa { float:left; width:700px;}
.prensaizq { float:left; width:135px; margin-bottom:10px;}
.prensacen { float:left; width:135px; margin-left:53px; margin-right:53px; margin-bottom:10px;}
.prensacen_b { float:left; width:135px; margin-right:54px; margin-bottom:10px;}
.prensader { float:left; width:135px; margin-bottom:10px;}
.prensatit { float:left; width:135px; height:35px; margin-top:6px; margin-bottom:10px; font-family: 'Archivo Narrow', sans-serif; font-size:14px; color:#000000;}
}
/* GRANDES VIAJES - CV VIAJERO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:749px) {
.gviajes { float:left; width:220px; margin-top:15px; margin-bottom:0px;}
.gviajesizq { float:left; width:220px; height:109px; margin-right:20px; margin-top:25px; }
.gviajescen { float:left; width:220px; height:109px; margin-right:20px; margin-top:25px;  }
.gviajesder { float:left; width:220px; height:109px; margin-top:25px; }}

@media screen and (min-width:750px) {
.gviajes { float:left; width:700px; margin-top:15px; margin-bottom:0px;}
.gviajesizq { float:left; width:220px; height:109px; margin-right:20px; margin-bottom:15px; }
.gviajescen { float:left; width:220px; height:109px; margin-right:20px; margin-bottom:15px;  }
.gviajesder { float:right; width:220px; height:109px; margin-bottom:15px; }
}


/* BLOG //////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1px) and (max-width:539px) {
	.raya-blog { float:left; width:100%; background-color:#DFDADA; height:1px; margin-top:25px; margin-bottom:25px;}
	.blog { float:left; width:100%;}
	.blogtitular { width:100%; text-align:left; padding-bottom:12px;}
	.blogizq { float:left; width:100%; margin-right:0%; margin-left:0% }
	.blogder { float:left; width:100%; line-height:27px;  }
}
@media screen and (min-width:540px) and (max-width:819px) {
	.raya-blog { float:left; width:100%; background-color:#DFDADA; height:1px; margin-top:25px; margin-bottom:25px;}
	.blog { float:left; width:100%; } 
	.blogtitular { width:100%; text-align:left; padding-bottom:12px;}
	.blogizq { float:left; width:26%; margin-right:2%; }
	.blogder { float:right; width:72%; line-height:27px;  }
}
@media screen and (min-width:820px) {
	.raya-blog { float:left; width:700px; background-color:#DFDADA; height:1px; margin-top:25px; margin-bottom:25px;}
	.blog { float:left; width:700px; }
	.blogtitular { width:700px; text-align:left; padding-bottom:12px;}
	.blogizq { float:left; width:200px; margin-right:20px; }
	.blogder { float:right; width:480px; line-height:27px; }
}
/* BLOG DETALLES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:1px) and (max-width:499px) {
	.blogflecha { float:left; width:100%; height:42px; margin-bottom:12px;}
	.blogflechaizq { float:left; width:32%; text-align:right; }
	.blogflechader { float:right; width:67%; padding-top:10px; margin-left:1%; }
	.blogfotoscenter { margin-left:1%; margin-right:1%; }
	.comentariosbarra { float:left; width:88%; height:19px; background:url(../images/base/blog/fondo-comentarios-blog.jpg); padding-left:12%; padding-top:4px; font-size:14px; color:#222222; font-weight: bold; margin-top:15px;}
	.comentariostexto_blog { float:left; width:100%;  font-size:14px; color:#000000; margin-bottom:15px; margin-top:5px;}
	.comentariosbarravacia { float:left; width:100%; height:18px;  padding-top:5px; margin-top:10px; margin-bottom:23px;}
}
	@media screen and (min-width:500px) and (max-width:819px) {
	.blogflecha { float:left; width:100%; height:42px; margin-bottom:10px; }
	.blogflechaizq { float:left; width:32%; text-align:right; }
	.blogflechader { float:right; width:67%; padding-top:10px; margin-left:1%; }
	.blogfotoscenter { margin-left:15%; margin-right:15%;}
	.comentariosbarra { float:left; width:94%; height:19px; background:url(../images/base/blog/fondo-comentarios-blog.jpg); padding-left:6%; padding-top:4px;  font-size:14px; color:#222222; font-weight: bold; margin-top:15px;}
	.comentariostexto_blog { float:left; width:100%;  font-size:14px; color:#000000; margin-bottom:15px; margin-top:5px;}
	.comentariosbarravacia { float:left; width:100%; height:18px;  padding-top:5px; margin-top:10px; margin-bottom:23px;}
}
	@media screen and (min-width:820px) and (max-width:1109px) {
	.blogflecha { float:left; width:700px; height:50px; margin-bottom:5px;}
	.blogflechaizq { float:left; width:330px; text-align:right; }
	.blogflechader { float:right; width:367px; padding-top:10px; margin-left:3px; }
	.blogfotoscenter { margin-left:15%; margin-right:15%; }
	.comentariosbarra { float:left; width:660px; height:19px; background:url(../images/base/blog/fondo-comentarios-blog.jpg); padding-left:40px; padding-top:4px;  font-size:14px; color:#222222; font-weight: bold; margin-top:15px;}
	.comentariostexto_blog { float:left; width:700px;  font-size:14px; color:#000000; margin-bottom:15px; margin-top:5px;}
	.comentariosbarravacia { float:left; width:700px; height:18px;  padding-top:5px; margin-top:10px; margin-bottom:23px;}
}	
	@media screen and (min-width:1110px) {
	.blogflecha { float:left; width:700px; height:50px; margin-bottom:5px; }
	.blogflechaizq { float:left; width:330px; text-align:right; }
	.blogflechader { float:right; width:367px; padding-top:10px; margin-left:3px; }
	.blogfotoscenter { margin-left:100px; margin-right:100px;}
	.comentariosbarra { float:left; width:660px; height:19px; background:url(../images/base/blog/fondo-comentarios-blog.jpg); padding-left:40px; padding-top:4px; font-size:14px; color:#222222; font-weight: bold; margin-top:15px;}
	.comentariostexto_blog { float:left; width:700px; font-size:14px; color:#000000; margin-bottom:15px; margin-top:5px;}
	.comentariosbarravacia { float:left; width:700px; height:18px;  padding-top:5px; margin-top:10px; margin-bottom:23px;}
}
/* COMPAŅEROS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1px) and (max-width:439px) {
	.raya-comp { float:left; width:100%; background-color:#DFDADA; height:3px; margin-bottom:25px;}
	.comp { float:left; width:100%; }
	.compizq { float:left; width:100%;}
	.compder { float:left; width:100%;}
		.buscadorcomp { float:left; width:100%; background-color:#EAEBF1; padding-bottom:15px;}
		.buscadorcomptit { float:left; width:100%; margin-bottom:13px;}
		.buscadorcompcentro { float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:15px; }
	.buscador_imagen_pre { background-color:#F5F5F8; float:left; width:100%; height:auto; margin-bottom:20px;}
	.buscador_imagen { float:left; width:100%;}
	.buscador_imagen_b { float:left; width:80%; height:auto; margin-bottom:25px; text-align:center; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:10px;}
	.imagen_companeros { float:left; width:100%; height:auto; margin-right:0px; }
	.pastilla_comp { float:left; width:98%; height:auto; text-align:left; margin-top:15px; margin-bottom:15px; padding-top:6px; padding-left:1%; padding-right:1%;  background-color:#d1d2d7; padding-top:3px; margin-bottom:12px;}
}
@media screen and (min-width:440px) and (max-width:749px) {
	.raya-comp { float:left; width:100%; background-color:#DFDADA; height:3px; margin-bottom:25px;}
	.comp { float:left; width:100%;}
	.compizq { float:left; width:30%;}
	.compder { float:right; width:68%; margin-left:2%; }
		.buscadorcomp { float:left; width:100%; background-color:#EAEBF1; padding-bottom:15px;}
		.buscadorcomptit { float:left; width:100%;  margin-bottom:13px;}
		.buscadorcompcentro { float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:15px; }
	.buscador_imagen_pre { background-color:#F5F5F8; float:left; width:100%; height:auto; margin-bottom:20px;}
	.buscador_imagen { float:left; width:100%; height:auto; margin-bottom:0px;}
	.buscador_imagen_b { float:left; width:80%; height:auto; margin-bottom:0px; text-align:center; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:15px; margin-top:0px;}
	.imagen_companeros { float:left; width:500px; height:auto; margin-right:300px;}
	.pastilla_comp { float:left; width:98%; height:auto; text-align:left; margin-top:15px; margin-bottom:15px; padding-top:6px; padding-left:1%; padding-right:1%;  background-color:#d1d2d7; padding-top:3px; margin-bottom:12px;}
}
@media screen and (min-width:750px) {
	.raya-comp { float:left; width:700px; background-color:#DFDADA; height:3px; margin-bottom:25px;}
	.comp { float:left; width:700px; }
	.compizq { float:left; width:160px; }
	.compder { float:right; width:520px; margin-left:20px; }
		.buscadorcomp { float:left; width:700px; background-color:#EAEBF1; padding-bottom:15px;}
		.buscadorcomptit { float:left; width:700px; margin-bottom:13px;}
		.buscadorcompcentro { float:left; width:400px; margin-left:150px; margin-top:15px; }
	.buscador_imagen_pre { background-color:#F5F5F8; float:left; width:100%; height:auto; margin-bottom:20px;}
	.buscador_imagen { background:url(../images/companeros/buscador.jpg); float:left; width:700px; height:254px;}
	.buscador_imagen_b { float:left; width:620px; height:auto; margin-bottom:0px; text-align:center; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:20px;}
	.imagen_companeros { float:left; width:500px; height:auto; margin-right:300px; margin-bottom:20px;}
.pastilla_comp { float:left; width:98%; height:26px; text-align:left; background-color:#d1d2d7; padding-top:3px; margin-bottom:12px; padding-left:2%;}
}
/* VIAJES RUTA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
	.ruta-viajes { float:left; width:100%; margin-top:20px; margin-bottom:5px;}
	.ruta-viajes-izq { float:left; width:100%;  }
	.ruta-viajes-der { float:left; width:300px}
}
@media screen and (min-width:750px) {
	.ruta-viajes { float:left; width:710px; margin-top:20px; margin-bottom:5px;}
	.ruta-viajes-izq { float:left; width:360px;  }
	.ruta-viajes-der { float:right; width:300px; margin-left:50px; margin-top:20px;}
}
/* VIAJES COORDINADORES////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
	.coordinadores { float:left; width:100%; margin-top:3px; margin-bottom:15px;}
	.coordinadores-izq { float:left; width:100%;  margin-bottom:5px; }
	.coordinadores-der { float:left; width:100%}
}
@media screen and (min-width:750px) {
	.coordinadores { float:left; width:710px; margin-top:3px; margin-bottom:15px;}
	.coordinadores-izq { float:left; width:300px;  }
	.coordinadores-der { float:right; width:390px; margin-left:20px;}
}
/* VIAJES FORMULARIO + APUNTARSE////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1px) and (max-width:749px) {
	.formularioyapun { float:left; width:100%; margin-top:3px; margin-bottom:15px;}
	.formularioyapun-izq { float:left; width:100%;  margin-bottom:5px; }
	.formularioyapun-der { float:left; width:300px}
		.formularioyapun-antispam{ float:left; width:330px; margin-top:8px; margin-bottom:8px;}
		.formularioyapun-antispam-izq{ float:left; width:125px; margin-top:0px; margin-bottom:0px;}
		.formularioyapun-antispam-der{ float:right; width:205px; margin-top:0px; margin-bottom:0px;}
	.cuadro-opciones-b-pdf{ float:right; width:177px;  height:98px;  background:url(/images/viajes/pdf.jpg); margin-bottom:25px; padding-left:103px; padding-right:20px; padding-top:17px; margin-top:20px;}
	.cuadro-opciones-b-apun{ float:right; width:300px;  height:93px;  background:url(/images/viajes/apun.jpg); margin-bottom:25px;   padding-top:22px; text-align:center;}

.pre-opiniones{ float:left; width:96%; margin-top:30px; background-color:#4897D2;  font-family: 'Archivo Narrow', sans-serif; font-size:19px; color:#ffffff; font-weight: bold;  height:auto; padding-top:0px; padding-left:2%; padding-right:2%; padding-bottom:2%; padding-top:2%;}
.opiniones{ float:left; width:100%; margin-top:30px; font-family: 'Archivo Narrow', sans-serif; font-size:15px; color:#000000;}
.opiniones-izq{ float:left; width:120px; margin-right:35px; margin-bottom:10px; }
.opiniones-der{ float:left; width:100%;  }
.pastilla_form { float:left; width:98%; height:26px; text-align:left; background-color:#d1d2d7; padding-top:3px; margin-bottom:12px; padding-left:2%;}
}
@media screen and (min-width:750px) {
	.formularioyapun { float:left; width:710px; margin-top:3px; margin-bottom:15px;}
	.formularioyapun-izq { float:left; width:330px; }
	.formularioyapun-der { float:right; width:360px; margin-left:20px; margin-top:50px;}
		.formularioyapun-antispam{ float:left; width:330px; margin-top:8px; margin-bottom:8px;}
		.formularioyapun-antispam-izq{ float:left; width:125px; margin-top:0px; margin-bottom:0px;}
		.formularioyapun-antispam-der{ float:right; width:205px; margin-top:0px; margin-bottom:0px;}
	.cuadro-opciones-b-pdf{ float:right; width:177px;  height:98px;  background:url(/images/viajes/pdf.jpg); margin-bottom:25px; padding-left:103px; padding-right:20px; padding-top:17px;}
	.cuadro-opciones-b-apun{ float:right; width:300px;  height:93px;  background:url(/images/viajes/apun.jpg); margin-bottom:25px;   padding-top:22px; text-align:center;}

.pre-opiniones{ float:left; width:690px; margin-top:30px; background-color:#4897D2;  font-family: 'Archivo Narrow', sans-serif; font-size:19px; color:#ffffff; font-weight: bold;  height:28px; padding-top:0px; padding-left:20px;}
.opiniones{ float:left; width:710px; margin-top:30px; font-family: 'Archivo Narrow', sans-serif; font-size:15px; color:#000000;}
.opiniones-izq{ float:left; width:120px; margin-right:35px; }
.opiniones-der{ float:right; width:555px; }
.pastilla_form { float:left; width:98%; height:30px; text-align:left; margin-top:15px; margin-bottom:15px; padding-top:2px; padding-left:1%; padding-right:1%;  background-color:#d1d2d7; margin-bottom:12px;}
}
/* VIAJES CUADRO////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
.cuadro-viajes-general { float:left; width:100%; margin-top:15px; margin-bottom:25px;}
.cuadro-viajes-general-izq { float:left; width:100%;}
.cuadro-viajes-general-der { float:left; width:100%; margin-top:25px;}		
}
@media screen and (min-width:750px) {
.cuadro-viajes-general { float:left; width:710px; margin-top:15px; margin-bottom:20px;}
.cuadro-viajes-general-izq { float:left; width:330px;  }
.cuadro-viajes-general-der { float:right; width:330px; margin-left:50px;}		
}
.cuadro-viajes { width:330px; float:left; background-color:#cccccc;}
.cuadro-viajes-1 { width:133px; float:left;  padding-left:6px; }
.cuadro-viajes-2 { width:74px; float:left; text-align:center; }
.cuadro-viajes-3 { width:108px; float:right;  padding-left:9px; }
.cuadro-viajes-a { width:132px; float:left; margin-left:1px; background-color:#ffffff; padding-left:6px; padding-top:2px; padding-bottom:3px;}
.cuadro-viajes-b { width:73px; float:left; margin-left:1px; background-color:#ffffff; text-align:center; padding-top:2px; padding-bottom:3px;}
.cuadro-viajes-c { width:106px; float:right;  margin-left:1px; background-color:#ffffff; margin-right:1px; padding-left:9px; padding-top:2px; padding-bottom:3px;}
.cuadro-viajes-bottom { width:330px; float:left; background-color:#cccccc; height:3px;}

/* CURSOS CUADRO////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
.cuadro-cursos-general { float:left; width:100%; margin-top:15px; margin-bottom:25px;}
.cuadro-cursos-general-izq { float:left; width:100%;}
.cuadro-cursos-general-der { float:left; width:100%; margin-top:25px;}		
}
@media screen and (min-width:750px) {
.cuadro-cursos-general { float:left; width:710px; margin-top:15px; margin-bottom:20px;}
.cuadro-cursos-general-izq { float:left; width:330px;  }
.cuadro-cursos-general-der { float:right; width:330px; margin-left:50px;}		
}
.cuadro-cursos { width:330px; float:left; background-color:#cccccc;}
.cuadro-cursos-1 { width:113px; float:left;  padding-left:6px; }
.cuadro-cursos-2 { width:94px; float:left; text-align:center; }
.cuadro-cursos-3 { width:108px; float:right;  padding-left:9px; }
.cuadro-cursos-a { width:112px; float:left; margin-left:1px; background-color:#ffffff; padding-left:6px; padding-top:2px; padding-bottom:3px;}
.cuadro-cursos-b { width:93px; float:left; margin-left:1px; background-color:#ffffff; text-align:center; padding-top:2px; padding-bottom:3px;}
.cuadro-cursos-c { width:106px; float:right;  margin-left:1px; background-color:#ffffff; margin-right:1px; padding-left:9px; padding-top:2px; padding-bottom:3px;}
.cuadro-cursos-bottom { width:330px; float:left; background-color:#cccccc; height:3px;}

/* CURSOS PONENTES////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
	.ponentes { float:left; width:100%; margin-top:3px; margin-bottom:15px;}
	.ponentes-izq { float:left; width:100%;  margin-bottom:5px; }
	.ponentes-der { float:left; width:100%}
}
@media screen and (min-width:750px) {
	.ponentes { float:left; width:710px; margin-top:3px; margin-bottom:15px;}
	.ponentes-izq { float:left; width:280px;}
	.ponentes-der { float:right; width:410px; margin-left:20px;}
}
/* CAMINO SOLIDARIO////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1px) and (max-width:539px) {
	.csflecha { float:left; width:100%; height:42px; margin-bottom:12px;}
	.csflechaizq { float:left; width:32%; text-align:right; }
	.csflechader { float:right; width:67%; padding-top:10px; margin-left:1%; }	
	.caminosolidarioproyectos { float:left; width:100%; margin-top:20px; margin-bottom:5px;}
	.caminosolidarioproyectos-izq { float:left; width:100%;  }
	.caminosolidarioproyectos-der { float:left; width:300px; margin-top:10px;}
	.encuadrefotos { float:left; width:100%;}
}
@media screen and (min-width:540px) and (max-width:749px) {
	.csflecha { float:left; width:100%; height:42px; margin-bottom:12px;}
	.csflechaizq { float:left; width:32%; text-align:right; }
	.csflechader { float:right; width:67%; padding-top:10px; margin-left:1%; }	
	.caminosolidarioproyectos { float:left; width:100%; margin-top:20px; margin-bottom:5px;}
	.caminosolidarioproyectos-izq { float:left; width:100%;  }
	.caminosolidarioproyectos-der { float:left; width:300px; margin-top:10px;}
	.encuadrefotos { float:left; width:500px; }
}
@media screen and (min-width:750px) {
	.csflecha { float:left; width:700px; height:50px; margin-bottom:5px; margin-top:10px;}
	.csflechaizq { float:left; width:330px; text-align:right; }
	.csflechader { float:right; width:367px; padding-top:10px; margin-left:3px; }	
	.caminosolidarioproyectos { float:left; width:710px; margin-top:20px; margin-bottom:5px;}
	.caminosolidarioproyectos-izq { float:left; width:310px;  }
	.caminosolidarioproyectos-der { float:right; width:370px; margin-left:30px;}
	.encuadrefotos { float:left; width:500px;}
}
.raya-cs { float:left; width:100%; background-color:#DFDADA; height:3px; margin-bottom:25px; margin-top:25px;}

/* LIBROS INICIO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:1px) and (max-width:739px) {
	.raya-libros-escritos { float:left; width:100%; background-color:#DFDADA; height:1px; margin-top:25px; margin-bottom:25px;}
	.libros-escritos { float:left; width:100%;}
	.libros-escritostitular { width:100%; text-align:left; padding-bottom:12px;}
	.libros-escritosizq { float:left; width:200px; margin-right:580px; margin-left:2px; margin-bottom:15px; }
	.libros-escritosder { float:left; width:100%; font-family: 'Archivo Narrow', sans-serif; font-size:16px; color:#000000; }
}
	@media screen and (min-width:740px) {
	.raya-libros-escritos { float:left; width:710px; background-color:#DFDADA; height:1px; margin-top:25px; margin-bottom:25px;}
	.libros-escritos { float:left; width:710px;}
	.libros-escritostitular { width:710px; text-align:left; padding-bottom:12px;}
	.libros-escritosizq { float:left; width:220px; margin-right:20px;}
	.libros-escritosder { float:right; width:470px; font-family: 'Archivo Narrow', sans-serif; font-size:16px; color:#000000; }
}
.raya-libros { float:left; width:100%; background-color:#DFDADA; height:4px; margin-top:5px; margin-bottom:5px;}

/* LIBROS BOTTOM MULTIPLE + COMPRA SOLIDARIA ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:1px) and (max-width:749px) {
	.libros-bottom { float:left; width:100%; margin-top:3px; margin-bottom:15px;}
	.libros-bottom-izq { float:left; width:100%;  margin-bottom:5px; }
	.libros-bottom-der { float:left; width:100%}
	.librosdonacion { float:left; width:348px; margin-top:15px;}
}
@media screen and (min-width:750px) {
	.libros-bottom { float:left; width:710px; margin-top:3px; margin-bottom:15px;}
	.libros-bottom-izq { float:left; width:310px;  }
	.libros-bottom-der { float:right; width:373px; margin-left:25px;}
	.librosdonacion { float:left; width:348px;}
}


	.librosdonaciona { float:left; width:348px; }
	.librosdonacionb { float:left; width:348px;   }
	.librosdonacionb-a { float:left; width:105px; margin-right:14px; }
	.librosdonacionb-b { float:left; width:110px;  margin-right:14px;}
	.librosdonacionb-c { float:right; width:105px; }

.librosprecios { float:left; width:308px; height:217px; background-color:#DBDADA; }
.librospreciosespeciales-petit { float:left; width:293px; height:45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#586CA1; font-weight: bold; margin-top:12px; margin-left:15px;}

/* LIBROS INICIO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:1px) and (max-width:699px) {
	.libros-inicio { float:left; width:100%; margin-bottom:15px;}
	.libros-iniciotitular { width:100%; text-align:left; padding-bottom:12px;}
	.libros-inicioizq { float:left; width:200px; margin-right:580px; margin-left:2%}
	.libros-inicioder { float:left; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#222222; line-height:27px;  }

	.menu-llibres { float:left; width:150px; height:22px; background-color:#DBDADA; padding-left:12px; margin-right:30px; margin-bottom:5px; padding-top:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#222222;}	
}
	@media screen and (min-width:700px) and (max-width:819px) {
	.libros-inicio { float:left; width:100%; margin-bottom:15px;} 
	.libros-iniciotitular { width:100%; text-align:left; padding-bottom:12px;}
	.libros-inicioizq { float:left; width:31%; margin-right:3%;}
	.libros-inicioder { float:right; width:66%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#222222; line-height:27px; }

	.menu-llibres { float:left; width:150px; height:22px; background-color:#DBDADA; padding-left:12px; margin-right:30px; margin-bottom:5px; padding-top:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#222222;}	
}
	@media screen and (min-width:820px) {
	.libros-inicio { float:left; width:710px; margin-bottom:15px;}
	.libros-iniciotitular { width:710px; text-align:left; padding-bottom:12px;}
	.libros-inicioizq { float:left; width:170px; margin-right:30px;}
	.libros-inicioder { float:right; width:510px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#222222; line-height:27px; }
	.menu-llibres { float:left; width:150px; height:22px; background-color:#DBDADA; padding-left:12px; margin-right:30px; margin-bottom:5px; padding-top:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#222222;}	
}
.raya-libros { float:left; width:100%; background-color:#DFDADA; height:3px; margin-top:5px; margin-bottom:5px;}
.libreriaspastilla { float:left; width:100%; height:28px; text-align:left; background-color:#4897D2; font-family: 'Archivo Narrow', sans-serif; font-size:19px; color:#ffffff; font-weight:bold;}

/* DAR LA VUELTA AL MUNDO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.titulodossier { float:left; width:98%; height:26px; text-align:left; background-color:#d1d2d7; padding-top:3px; margin-bottom:12px; padding-left:2%; font-weight:bold;}



	.librosoferta { float:left; width:710px;}
	.librosoferta-izq { width:500px; float:left; text-align:left; padding-bottom:12px;}
	.librosoferta-der { width:130px; float:right; margin-left:80px; margin-bottom:15px; }









/*SLIDE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:1090px) {
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1090px;
		height:330px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:0px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:377px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding-left:20px;
		padding-right:0px;
		margin-top:-30px;
		height:28px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0px;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		width:10px;
		height:15px;
		line-height:15px;
		border:1px solid #ffffff;
		background:#000000;
		color:#ffffff;
		padding-left:2px;
		padding-right:2px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#BA007C;
		color:#ffffff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
}
	@media screen and (min-width:100px) and (max-width:1089px) {
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:330px;
		height:330px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:0px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:377px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding-left:20px;
		padding-right:0px;
		margin-top:-30px;
		height:28px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0px;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		width:10px;
		height:15px;
		line-height:15px;
		border:1px solid #ffffff;
		background:#000000;
		color:#ffffff;
		padding-left:2px;
		padding-right:2px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#BA007C;
		color:#ffffff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
}

	.