@charset "utf-8";
/* CSS GENERAL */
*{margin:0;border:0;padding:0}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(../images/mototour1.jpg) no-repeat top;
	padding: 0;
	color: #000000;
	/*margin-top: 50px;*/
	
}
/* contenedor web */
#web{
	width:950px;
	position:relative;
	margin: 228px auto 0;
	}
/* idiomas */
#buttoms {text-align:right;padding-right:20px} 
/* menu superior */
ul#nav {list-style:none; margin-left: 400px; height:33px; margin-top: 10px;}
ul#nav li{display: inline;}
ul#nav li a {display:inline-block; font-size: 1.3em; font-weight: bold; padding: 6px 10px 7px; text-decoration: none; color: #555;}
ul#nav li a:hover{ color:#000}
ul#nav li a.current, ul#nav li a.current:hover { color: #000; background-color:#FFF; cursor:default}

#main {
	position: relative;
	border:#333 solid 2px;
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 20px;
	line-height: 1.7;
	overflow:hidden;
}

#footer {position: relative; font-size: 0.6em; color:#999; margin:0; height: 40px; clear:both}

#pie_copy{width: 550px;}
#pie_made{position:absolute; top:0; left:550px; width:400px; text-align:right}

#footer a {color:#999; font-style: italic;}

#main p {font-size:0.9em;
	line-height: 1.2;
	font-size: 0.8em;
	padding: 5px 0 0 20px;
	}
/*body.prod #main p {font-style:italic; font-size: 0.8em; margin:0; padding: 5px 0 0 20px;}*/

h1 {font-size: 1.1em; padding: 10px; padding-bottom: 5px; border-bottom: solid #666 2px; margin-bottom: 10px; font-weight: bold; font-style:italic;}
h2 {font-size: 0.9em; padding: 10px; padding-bottom: 5px; border-bottom: solid #666 2px; margin-bottom: 10px; margin-top: 30px; font-weight: bold; font-style:italic; clear: both;}
h3 {text-align:center; font-size: 1.1em; color: #FFF; font-style:italic; border-bottom: #CCC 2px solid}
h4  {font-size: 1em; padding: 15px; padding-bottom: 0; border-bottom: solid #666 1px; margin-bottom: 10px; font-weight: bold; font-style:italic; clear: both;}
h5 {font-size: 0.9em; padding: 5px; border-bottom: solid #666 1px; margin-bottom: 10px; font-weight: bold; font-style:italic; text-align: center}

/* pagina INICIO */

#mainindex {position: relative; border:#333 solid 2px; margin-top: 50px; margin-bottom: 20px; }

#nosotros {border:#333; background-color:#197bba; width: 270px; padding: 15px; font-size: 0.7em; line-height:1.8;}

#nosotros h1 {text-align: center;}

#nosotros img {margin: 10px 0; border: solid #999 2px}


#mainindex #texto {position: absolute; top: 0px; left: 320px; line-height: 2.1; font-size: 0.7em; padding: 10px;}
#mainindex #texto p {padding-top: 4px;}

#mainindex #texto h1, #mainindex #nosotros h1 {font-size: 1.5em; padding: 10px; padding-top: 0; padding-bottom: 5px; border-bottom: solid #666 2px; margin-bottom: 10px; font-weight: bold; font-style:italic;}

#motorent {float: right; width: 200px; border:#333 solid 2px; background-color:#197bba; padding: 8px; margin: 15px 0 0px 5px; color: #FFF}

#spyder {position: absolute; top: 450px; left: 330px; line-height: 1.8; margin-right: 30px; font-size: 0.7em; line-height: 1.5; padding: 10px; background-image:url(../images/spyderindex.jpg); background-repeat: no-repeat;}

#spyder h1{font-size: 1em}

#web #mainindex #nosotros p b a {color:#CCC}
#web #mainindex #motorent p a {color:#000}

#web #mainindex #spyder p {
	line-height: 1.8;
	padding-right: 150px;
}

#web #cabindex{
	position:absolute;
	top:-228px;
	left:3px;
	}

/* TOURS */
#mountains div, #aventura div, #mar div, #personalizados{
	font-size: 0.8em;
	width: 230px;
	padding: 10px 15px 15px;
	float:left;
	height: 290px;
	margin: 20px 20px;
	text-align:center;
	color:#CCC;
	}
	
	#personalizados {width: 530px; background-image:url(../images/personal.jpg); font-size: 0.9em; color:#333}
#mountains p, #aventura p, #mar p{
	line-height:1.3;
	padding: 10px 0 0;
	}
	body.tours #main p{padding-left:5px}
	
	#mountains img, #aventura img, #mar img {margin-top: 10px; width: 220px;}
	
#mountains div{background-color:#197bba;}	
#mountains div.impar{background-color:#036340;}
#aventura div{background-color: #d17923;}	
#aventura div.impar{background-color: #797d14;}
#mar div{background-color: #093;}	
#mar div.impar{background-color: #7c0675;}

.ex {
	font-size: 1.2em;
	color: #009;
	font-style: italic;
	font-weight: bold;
	clear:both;
	}
	

#personalizados p{
padding: 20px;
line-height: 2.4;
}


#contactotours {position: absolute; top: 1482px; right: 47px; width: 546px; height: 38px; padding: 5px; padding-top: 10px; background-image:url(../images/contactotours.jpg); border: #333 solid 1px }
#contactotours p {font-size: 0.7em; font-weight: bold; padding: 2px}
#contactotours p#tel {font-size:1em;}

body.tours #main p.readmore a{color: #fff}

/*pagina Marruecos*/

#introduccion p{text-align:center; color: #666; font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.6; border:#999 groove 2px; padding-right: 15px; padding-bottom: 10px;}

#introduccion img {float: left; width: 500px; padding-right: 10px;}

/*#introduccion p {padding-right: 10px; padding-top: 5px; font-size:0.9em}*/
#web #main #general {border:#333 solid 1px; margin-top: 0px; padding-bottom: 15px; background-image:url(../images/fondomarruecos.jpg)}

#web #main #general p{line-height: 2; padding-right: 20px;}

#itinerario h1 {border: solid 1px #999; padding: 5px; width: 400px; margin: 35px auto 0; color: #666; background-image:url(../images/fondomarruecos.jpg);
}


#fes img, #dades img, #ergchebi img {float: right; margin-left: 20px;  border:#666 solid 2px;}

#arfoud img, #ergarfoud img, #nador img{float: left; margin-right: 20px; margin-left: 20px;border: #666 solid 2px;}

#dades img {margin-top: 20px; margin-bottom: 30px; margin-right: 40px; }

#midelt {margin-left: 20px;}
#midelt img {float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 30px; border: #666 solid 2px;}

#midelt .experimento {float: left; width: 200px; margin-right: 20px; margin-top: 20px; text-align:center;}

#nador img {margin-bottom: 30px;}

#precios {margin: 30px auto 0; padding: 5px; width: 170px; background-color:#999; color: #FFF; border:#333 solid 2px; text-align:center;}

#precios a {color: #000; font-weight:bold; font-size: 0.8em; font-style: italic;}

/*precios Marruecos*/

#preciosmotos {
	color: #666;
	width: 435px;
	border: #333 groove 2px;
	background-color:#fad79a;
	margin: 0px;
	padding-bottom: 7px
}


#condiciones {
	position: absolute; top: 77px; left: 485px;
	color: #666;
	width: 435px;
	border: #333 groove 2px;
	background-color:#fad79a;
	margin:0;
	padding-bottom: 7px;
}

#preciosmotos {
	color: #666;
	width: 435px;
	border: #333 groove 2px;
	background-color:#fad79a;
	margin: 0px;
}


#condiciones h2, #preciosmotos h2 {font-size: 0.9em; font-weight: bold; font-style:italic; margin-top: 0; margin-bottom:10px; padding-left: 30px;}

#preciosmotos ul, #condiciones ul, #requisitos {
	line-height: 2;

	list-style-position:inside;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

li {
	font-size: 0.7em;
	font-weight: bold;
	font-style:italic;
	margin: 0;
	padding: 0;
}



#contactomarruecos {position: absolute; top: 545px; right: 30px; width: 360px; height: 70px; padding: 5px; padding-top: 15px; background-image:url(../images/contactomarruecos.jpg); border: #333 solid 1px }
#contactomarruecos p {font-size: 0.8em; font-weight: bold; padding: 2px}
#contactomarruecos p#tel {font-size:1em;}



#requisitos img {width: 870px; margin-top: 20px;}

/*CAZORLA*/

#general {position: relative; padding-right: 10px;}
#introduccioncazorla {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px;}

#introduccioncazorla p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4;}
#introduccioncazorla img {float: left; width: 370px; height: 315px; padding-right: 10px; }

#int {font-size: 0.7em; text-align:left; border:#999 solid 1px; padding: 10px; margin-top: 30px;}
#int p {line-height: 2; }

#itinerariocazorla h1 {border: solid 1px #999; padding: 5px; width: 400px; margin: 35px auto 0;
}

#web #main #generalcazorla {border:#333 solid 1px; margin-top: 0px; padding-bottom: 15px; background-image:url(../images/fondocazorla.jpg)}

#web #main #generalcazorla p {line-height: 1.8}

#cazorla img {float: left; width: 300px; height: 560px; margin-right: 20px; border:#060 3px solid;}

#itinerario {
	padding: 0px;
}

#cazorla1 img {float: right; width: 350px; height: 300px; margin-left: 30px; border:#060 3px solid;}

#cazorla2, #cazorla3, #cazorla4{clear:both; margin-top: 50px; }

#cazorla2 img {float: left; width:350px;margin-right: 30px; border:#060 3px solid; }

#cazorla3 img {float: right; width:350px; margin-left: 30px; margin-top: 20px; border:#060 3px solid; }

#cazorla4 img {float: left; width: 350px; height: 240px; margin-right: 30px; border:#060 3px solid; }

#contactocazorla {position: absolute; top: 520px; right: 20px; width: 337px; height: 100px; padding: 0px; padding-top: 10px; background-image:url(../images/contactocazorla.jpg); border: #333 solid 1px }
#contactocazorla p {font-size: 0.7em; font-weight: bold; padding: 7px}
#contactocazorla p#tel {font-size:0.9em;}

#fin {margin-top: 40px; border:#999 solid 2px;}



/*mar y carretera*/

#introduccionmar {text-align:center; color: #666; font-weight: bold; font-style:italic;  border:#999 groove 2px; padding-right: 15px;}

#introduccionmar p{font-size: 0.8em; line-height: 2.5}

#introduccionmar img {float: left; width: 400px; height: 230px; padding-right: 10px;}

#intmar {font-size: 0.8em; line-height: 2; text-align:left; border:#999 solid 1px; padding-left:0px; padding-bottom: 10px; margin-top: 30px; background-color:#69F; color: #333}

#intmar h2 {padding-top: 10px; margin-top:0;}


#marr p  {text-align:left; color: #666; font-weight: bold; font-style:italic; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px; font-size: 0.8em; line-height: 2}

#marr img {float: right; width: 357px; margin-left: 30px; border: solid #333 1px; } 

#carretera {text-align:left; color: #666; font-weight: bold; font-style:italic; font-size: 0.9em; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}

#carretera  p{  line-height: 2.5}

#carretera img {float: left; width: 340px; margin-right: 30px; border: solid #333 1px; } 

#tarifa {font-size: 1.1em; font-weight: bold; line-height: 2; text-align:center; border:#000 solid 1px; width: 380px; margin: 30px 10px 30px 0; padding: 5px; color: #FFF; margin-top: 45px; background-color:#69F; color: #333}


#contactomar {position: absolute; top: 1000px; right: 20px; width: 330px; height: 70px; padding: 5; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contactomar p {font-size: 0.7em; font-weight: bold;}
#contactomar p#tel {font-size:0.9em;}



/*PALMERAL*/

#palmeral {text-align:center; color: #666;  border:#999 groove 2px; padding-right: 15px; padding-bottom: 10px;}

#palmeral p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4;}
#palmeral img {float: left; width: 380px; height: 320px; padding-right: 10px;}

#intpal{font-size: 0.8em; line-height: 2; text-align:left; border:#999 solid 1px; padding-left:0px; margin-top: 30px; padding-bottom: 10px; background-color:#c6f9bd;}

#intpal h2 {padding-top: 10px; margin-top:0;}

#palm img {float: right; width:310px; height: 257px; margin-left: 30px; } 

#palm{text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-bottom: 10px;}

#palm p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.1; }

#palm2 {text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}

#palm2 p { font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.1; }

#palm2 img {float: left; width: 375px; margin-right: 30px; border: solid #333 1px; } 

#contactopalmeral {position: absolute; top: 1180px; right: 20px; width: 330px; height: 70px; padding: 5px; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contactopalmeral p {font-size: 0.7em; font-weight: bold;}
#contactopalmeral p#tel {font-size:0.9em;}


/*rutas interior*/

#jijona img {float: left; width: 290px; height: 290px; margin-right: 20px;}

#alcoy img {float: right; width: 360px; height: 360px; margin-left: 30px;}

#general {padding-right: 10px; margin-top: 50px;}
#introduccioninterior {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px; padding-bottom: 10px;}

#introduccioninterior p {font-weight: bold; font-style:italic; font-size: 0.9em; line-height: 2; }

#introduccioninterior img {float: left; width: 400px; height: 220px; padding-right: 10px;}

#alcoleja img {float: left; width: 270px;  height: 160px; margin-right: 20px;}

#alcoy, #alcoleja, #jijona {text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}

#alcoy p, #alcoleja p, #jijona p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2; }

#contactointerior {position: absolute; top: 1600px; right: 20px; width: 330px; height: 70px; padding: 5px; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contactointerior p {font-size: 0.7em; font-weight: bold;}
#contactointerior p#tel {font-size:0.9em;}



/*cuevas*/
#canelobre {text-align:left; color: #666; font-weight: bold; font-style:italic;  border:#999 groove 2px; padding-right: 15px; padding-bottom: 10px;}

#canelobre img {float: left; width: 300px; height: 210px; margin-right: 30px; }
#canelobre p {line-height: 2.5;}

#intcuev {font-size: 0.8em; text-align:left; border:#999 solid 1px; padding-left:0px; margin-top: 30px; padding-top: 0; padding-bottom: 10px; background-color:#c4ecf5; padding-top: 0px;}

#intcuev p {line-height: 2}



#guadalest p  {text-align:left; color: #666; font-weight: bold; font-style:italic; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px; font-size: 0.8em; line-height: 2}

#guadalest img {float: right; width: 300px; height: 190px; margin-left: 30px; border: solid #333 1px; } 

#amadorio {text-align:left; color: #666; font-weight: bold; font-style:italic; font-size: 0.9em; border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}

#amadorio  p{  line-height: 2.5}

#amadorio img {float: left; width: 450px; margin-right: 30px; border: solid #333 1px; } 

#tarifas {font-size: 0.9em; font-weight: bold; line-height: 2; text-align:center; border:#000 solid 1px; width: 350px; background-color: #06F; margin: 30px 5px; padding: 5px; color: #FFF}

#contactocuevas {position: absolute; top: 1020px; right: 20px; width: 330px; height: 70px; padding: 5; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contactocuevas p {font-size: 0.7em; font-weight: bold;}
#contactocuevas p#tel {font-size:0.9em;}


/*alicante*/

#alicante{text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px; padding-bottom: 10px;}
#alicante p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4; }

#alicante img {float: left; width: 360px; height: 230px; padding-right: 10px;}

#alicante1 img {float: right; width:330px; height: 210px; margin-left: 0px; } 

#alicante1{text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-bottom: 10px;}

#alicante1 p, #alicante2 p{font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.2;} 

#alicante2 {text-align:left; color: #666;  border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}

#alicante2 img {float: left; width:270px; height: 235px; margin-right: 20px; border: solid #333 1px; } 

#intpalalicante{text-align:left; border:#999 solid 1px; padding-left:0px; margin-top: 30px; padding: 10px; background-color:#c4ecf5;}
#intpalalicante p {font-size: 0.7em; line-height: 2; }

#intpalalicante h2 {padding-top: 10px; margin-top:0;}

#contacto {position: absolute; top: 1100px; right: 20px; width: 330px; height: 70px; padding: 5; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contacto p {font-size: 0.7em; font-weight: bold;}
p#tel {font-size:0.9em;}

/*pueblosblancos*/


#grazalema {text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-bottom: 10px; }
#grazalema img {float: right; width:300px; height: 150px; margin-left: 30px; } 
#grazalema p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4; }

#alcornocales {text-align:left; color: #666;  border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}
#alcornocales p {font-weight: bold; font-style:italic; font-size: 0.9em; line-height: 2.4;}

#alcornocales img{float: left; width:350px; height: 200px; margin-right: 20px; border: solid #333 1px; } 
 
#pueblosblancos1 img {float: right; width: 350px; height: 150px; margin-left: 30px;}
#pueblosblancos2 img {float: right; width: 350px; height: 150px; margin-left: 30px;}

#pueblosblancos3, #pueblosblancos4, #pueblosblancos5, #pueblosblancos1, #pueblosblancos6, #pueblosblancos7{clear:both; margin-top: 50px;}

#pueblosblancos3 img {float: left; width:400px; height: 100px;margin-right: 30px; }

#pueblosblancos4 img {float: right; width:350px; margin-left: 30px; margin-top: 20px; }

#pueblosblancos5 img {float: left; width: 350px; height: 240px; margin-right: 30px; }

#pueblosblancos6 img {float: right; width: 350px; height: 120px; margin-right: 30px; }

#pueblosblancos7 img {float: left; width: 350px; height: 120px; margin-right: 30px; }

/*preciospueblosblancos*/
#preciospueblosblancos{
	color: #666;
	width: 435px;
	border: #333 groove 2px;
	background-color:#fad79a;
	margin: 0px;
	padding-bottom: 20px
	
}

#preciospueblosblancos ul, #condicionespueblosblancos ul {list-style-type: none; padding-left: 15px; line-height: 2}


#condicionespueblosblancos {
	position: absolute; top: 77px; left: 485px;
	color: #666;
	width: 435px;
	border: #333 groove 2px;
	background-color:#fad79a;
	margin:0;
	padding-bottom: 7px;
}

.pequeno {font-size:smaller; padding-left: 8px}


#contactocazorla1 {position: absolute; top: 506px; right: 30px; width: 337px; height: 100px; padding: 0px; padding-top: 10px; background-image:url(../images/contactocazorla.jpg); border: #333 solid 1px }
#contactocazorla1 p {font-size: 0.7em; font-weight: bold; padding: 7px}
#contactocazorla1 p#tel {font-size:0.9em;}

#contactocazorla2 {position: absolute; top: 532px; right: 30px; width: 337px; height: 100px; padding: 0px; padding-top: 10px; background-image:url(../images/contactocazorla.jpg); border: #333 solid 1px }
#contactocazorla2 p {font-size: 0.7em; font-weight: bold; padding: 7px}
#contactocazorla2 p#tel {font-size:0.9em;}

#requisitos img {width: 870px; margin-top: 20px;}







/*playas y calas*/


#alicante1 {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px; padding-left: 0; padding-bottom: 10px;}

#alicante1 p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4;  }

#alicante1 img {float: left; width: 360px; height: 230px; padding-right: 10px;  }

#altea img {float: right; width:300px; height: 200px; margin-left: 30px; } 

#altea {text-align:left; color: #666; border:#999 groove 2px; margin-top: 50px; padding-bottom: 10px;}
#altea img {float: right; width:300px; height: 200px; margin-left: 30px; } 
#altea p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.4; }

#calpe {text-align:left; color: #666;  border:#999 groove 2px; margin-top: 50px; padding-right: 10px; padding-bottom: 10px;}
#calpe p {font-weight: bold; font-style:italic; font-size: 0.9em; line-height: 2.4;}

#calpe img{float: left; width:350px; height: 320px; margin-right: 20px; border: solid #333 1px; } 

#contactoplayas {position: absolute; top: 1160px; right: 20px; width: 330px; height: 70px; padding: 5; background-image:url(../images/contacto.jpg); border: #333 solid 1px }
#contactoplayas p {font-size: 0.7em; font-weight: bold;}
#contactoplayas p#tel {font-size:0.9em;}


/*motos*/

#reserva a {
	font: Verdana, Geneva, sans-serif;
	position: absolute;
	top: 190px;
	right: 45px;
	width: 260px;
	font-size: 0.8em;
	color:#00F;
	padding: 10px; 
	background-color:#CCC;
	border:#666 solid 2px;
	font-family: Arial, Helvetica, sans-serif;
}
#motos div, #motos1 div, #motos2 div{
	font-size: 1em;
	width: 400px;
	padding: 10px;
	float:left;
	height: 650px;
	margin: 20px 10px;
	text-align:left;
	line-height: 1.5;
	color:#CCC;
	border:inset #CCC 3px;
	}
	
	#motos div img, #motos1 div img, #motos2 div img{width: 350px; height: 250px; margin: 20px 25px; border:#000 solid 1px;}
	

#moto0a{background-color:#374c0b;}	
#moto0b{background-color:#1e3d5d;}
#moto1a{background-color:#343535;}	
#moto1b{background-color:#024142;}
#moto2a{background-color:#a13206;}	
#moto2b{background-color:#421402;}

.modelo {font-size: 1.3em; letter-spacing: 0.7px;}

/*#web #main p {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}*/

	#motos div p{
	line-height:1.5;
	padding-top:5px;
	border-bottom: solid #CCC 1px;
	border-top: #999 thin 1px;
}


/*calendario*/

/*body.calendario #main {border: none; margin-top: 0;}*/
body.calendario #main li {border: #999 solid 1px; color:#000; float: left; width: 165px; list-style:none; padding: 2px;}
body.calendario #main li a {color:#000;}
body.calendario #notas {
	position: absolute;
	top: 963px;
	right: 63px;
	width: 546px;
	height: 105px;
	border: none;
	list-style-type: none;
	background-color:#C7DAF1;
}
body.calendario #notas li {color:#000; float: left; height: 90px; width: 230px; list-style:none; border:0; padding: 10px 20px;}

/*ordesa*/

#introduccionordesa {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px;}

#introduccionordesa p {font-weight: bold; font-style:italic; font-size: 0.8em; line-height: 2.8;}
#introduccionordesa img {float: left; width: 370px; height: 222px; padding-right: 10px; }

#introduccionordesa1 {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px; margin-top: 40px;}

#introduccionordesa1 p {font-weight: bold;  font-size: 0.7em; line-height: 2.4;}
#introduccionordesa1 img {float: right; width: 370px; height: 250px; padding-left: 10px;}

#introduccionordesa2 {text-align:center; color: #666; border:#999 groove 2px; padding-right: 15px; margin-top: 40px;}

#introduccionordesa2 p {font-weight: bold;  font-size: 0.7em; line-height: 2.4;}
#introduccionordesa2 img {float: left; width: 370px; height: 300px; padding-right: 10px;}

#int {font-size: 0.7em; text-align:left; border:#999 solid 1px; padding: 10px; margin-top: 30px;}
#int p {line-height: 2; }

/*#itinerariocazorla h1 {border: solid 1px #999; padding: 5px; width: 400px; margin: 35px auto 0;
}

#web #main #generalcazorla {border:#333 solid 1px; margin-top: 0px; padding-bottom: 15px; background-image:url(../images/fondocazorla.jpg)}

#web #main #generalcazorla p {line-height: 1.8}*/

#ordesa1 img {float: left; width: 380px; height: 120px; margin-right: 20px;}

#ordesa2 img, #ordesa4 img, #ordesa6 img {float: right; width: 450px; height: 120px; padding-left: 20px;}

#ordesa3 img, #ordesa5 img, #ordesa7 img {float: left; width: 450px; height: 120px; padding-right: 20px;}

#ordesa2, #ordesa3, #ordesa4, #ordesa5, #ordesa6, #ordesa7{clear:both; margin-top: 50px;}


#contactocazorla {position: absolute; top: 438px; right: 20px; width: 337px; height: 100px; padding: 0px; padding-top: 10px; background-image:url(../images/contactocazorla.jpg); border: #333 solid 1px }
#contactocazorla p {font-size: 0.7em; font-weight: bold; padding: 7px}
#contactocazorla p#tel {font-size:0.9em;}

#fin {margin-top: 40px;}
#web #main #personalizados p .ex {
	margin: 20px;
}

/* CONTACTO */
body.contacto form{
	width: 60%;
	background-color: #eee;
	/*margin-top: 20px;
	margin-left:20px;*/
	margin: 20px auto;
	padding:20px;
	}
body.contacto form ul{
	list-style:none;
}
body.contacto form li{
	margin-bottom: 6px;
}
body.contacto #main p.aviso{
	padding-left: 0;
	font-size: 0.5em;
	font-weight:bold;
	color:#990000;
	margin-bottom:1em;
}
body.contacto label{
	display:inline-block;
	width:90px;
	text-align:right;
	padding-right: 10px;
	vertical-align:top;
}
body.contacto label.crash{
	display:inline;
}
body.contacto label span{
	color:#990000;
}
body.contacto input{
	width: 300px;
	padding:1px 2px;
}
body.contacto textarea{
	width: 400px;
	padding:1px 2px;
}
body.contacto #main p.notaform{
	padding-left: 100px;
	font-size: 0.6em;
	margin-bottom: 1em;
}
body.contacto p.notaform input{
	width:inherit;
}
body.contacto input.submit {
	width: auto;
	display:inline-block;
	padding: 2px 10px;
	cursor:pointer;
	margin-left: 100px;
}
body.avisolegal p{
	margin-bottom: 0.5em;
	text-indent: 30px;
}

/* GALERIA */
body.galeria #main{
	background-color: #eee;
	}
body.galeria #main img{
	border: 6px solid #fff;
	margin: 8px;
	}