/* CSS Document */
/* ----------------------------------------------------------------- INICIO PLANTILLAs ----------------------------------------------------------------- */

* {	margin:0; padding:0; border 0; font-family: 'Roboto','Roboto Condensed',GillSans,Calibri,sans-serif; font-size: 12px; line-height: 1.6em; }
html{overflow-y:hidden; overflow-x:hidden; height:100%;}
body{ background:#282828; height:100%;}

img{ border:none}

a{ text-decoration:none; cursor:pointer }

.clear{ clear:both;}
.verde{ color:#c9d422}
.quitarguion{ background:none !important; padding-left:0px !important;}
.guion2{padding-left:20px; background:url(img/guion3.png) -4px 2px no-repeat; color:#FFF; margin-left:-20px;}
.min{ font-size:11px !important;}
.logo3{ position:absolute; margin-top:120px; }

H1{ font-weight:normal;}
H2{ padding-left:20px; background:url(img/guion1.jpg) -8px 2px no-repeat; font-size:16px; color:#c9d422; padding-bottom:10px;  }
H3{ padding-left:20px; font-size:16px; color:#c9d422; background:url(img/guion1.jpg) -8px 2px no-repeat; padding-bottom:10px;  }

.tarifas{ border:none; background:url(img/contratar.png) 0px 5px no-repeat; width:85px; height:30px; margin-left:10px; cursor:pointer; margin-top:-8px !important;}
.tarifas:hover{border:none;}

/*#fondoweb{ position:fixed; height:100%; width:100%; background:url(img/fondo.jpg) center; z-index:-1}*/

#contenedortotal{ float:left; height:100% !important; width:600%; background:url(img/fondo.jpg) top repeat-x;}  
/* por cada seccion que pongamos mas de ancho un 100% más ej: 5 secciones width:500% */
/* para cada seccion #contenedor1... el ancho lo dividimos el 100% por el numero de secciones y obtenemos el ancho de cada una ej. 5 secciones / 100% --> width:20% cada seccion  */		


 	.flechaizq{ position:absolute; height:50px; width:50px; background:#009; margin-left:4.5%; margin-top:180px; background:url(img/flecha_izq.png) -50px 0px no-repeat}
	.flechaizq:hover{ background:url(img/flecha_izq.png) 1px 0px no-repeat}
	.flechadrch{ position:absolute; height:50px; width:50px; background:#009; margin-left:92%; margin-top:180px; background:url(img/flecha_drch.png) -50px 0px no-repeat}
	.flechadrch:hover{ background:url(img/flecha_drch.png) 1px 0px no-repeat}

		
	#contenedor1{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor1{ margin:auto; height:100%; width:1000px; }
			#logo{ position:fixed; width:201px; height:35px; margin-top:5px;}
			#logos2{ position:fixed; width:300px; height:35px; margin-top:10px; margin-left:780px;}
			#menu{ position:fixed; height:33px; margin-top:41px; width:1000px; padding-left:190px; }
				.botonmenu{ float:left; height:31px; padding-top:3px; width:120px; font-size:14px; text-align:center; color:#282828}
				.botonmenu:hover{ background:url(img/boton.jpg) top repeat-x}
			#contenido1{ float:left; height:280px; width:1000px; margin-top:75px; background:url(img/inicio.jpg) top}
					.botonsomos{position:absolute; height:89px; width:99px; margin-left:246px; margin-top:57px; background:none !important; border:none !important; cursor:pointer}
					.botonsomos:hover{ background:url(img/somos.png) left no-repeat !important;}
					.botonqueremos{ position:absolute; height:96px; width:93px; margin-left:381px; margin-top:53px; background:none !important; border:none !important; cursor:pointer}
					.botonqueremos:hover{ background:url(img/queremos.png) left no-repeat !important;}			
					.botonhacemos{position:absolute; height:92px; width:101px; margin-left:521px; margin-top:59px; background:none !important; border:none !important; cursor:pointer}
					.botonhacemos:hover{ background:url(img/hacemos.png) left no-repeat !important;}
			#contenido12{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
				#contenido1boton1{ float:left; height:65px; width:63px; background:url(img/m-awarecoaching1.png) -1px 0; margin-right:9px;}
				#contenido1boton1:hover{ background:url(img/m-awarecoaching1.png) 63px 0}
				#contenido1boton2{ float:left; height:65px; width:63px; background:url(img/m-mentoring1.png) -1px 0; margin-right:9px;}
				#contenido1boton2:hover{ background:url(img/m-mentoring1.png) 63px 0}
				#contenido1boton3{ float:left; height:65px; width:63px; background:url(img/m-advising1.png) -1px 0; margin-right:9px;}
				#contenido1boton3:hover{ background:url(img/m-advising1.png) 63px 0}
				#contenido1boton4{ float:left; height:65px; width:63px; background:url(img/m-personal1.png) -1px 0}
				#contenido1boton4:hover{ background:url(img/m-personal1.png) 63px 0}

	
	#contenedor2{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor2{ margin:auto; height:100%; width:1000px; }
		#contenido2{ float:left; height:280px; width:1000px; margin-top:75px; background:url(img/equipo.jpg) top}
		#contenido22{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}

	
	#contenedor3{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor3{ margin:auto; height:100%; width:1000px; }
		#contenido3{ float:left; height:280px; width:1000px; margin-top:75px; background:url(img/objetivo.jpg)}
		#contenido32{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}


	#contenedor4{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor4{ margin:auto; height:100%; width:1000px; }
		#contenido4{ float:left; height:280px; width:1000px; margin-top:75px; background:url(img/filosofia.jpg)}
		#contenido42{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; color:#FFF }


	#contenedor5{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor5{ margin:auto; height:100%; width:1000px; }
		#contenido5{ float:left; height:281px; width:1000px; margin-top:75px; background:url(img/servicios.jpg) bottom}
			#contenido5boton1{ float:left; height:155px; margin:60px 49px 60px 49px; width:151px; background:url(img/awarecoaching1.png) 0 0}
			#contenido5boton1:hover{ background:url(img/awarecoaching1.png) 149px 0}
			#contenido5boton2{ float:left; height:155px; margin:60px 49px 60px 49px; width:151px; background:url(img/mentoring1.png) 0 0}
			#contenido5boton2:hover{ background:url(img/mentoring1.png) 149px 0}
			#contenido5boton3{ float:left; height:155px; margin:60px 49px 60px 49px; width:151px; background:url(img/advising1.png) 0 0}
			#contenido5boton3:hover{ background:url(img/advising1.png) 149px 0}
			#contenido5boton4{ float:left; height:155px; margin:60px 49px 60px 49px; width:151px; background:url(img/personal1.png) 0 0}
			#contenido5boton4:hover{ background:url(img/personal1.png) 149px 0}
		#contenido52{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
		#contenido53{ display:none; float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
		#contenido54{ display:none; float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
		#contenido55{ display:none; float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
		#contenido56{ display:none; float:left; height:260px; width:980px; padding:10px 10px 10px 10px; margin-top:7px; margin-top:7px; color:#FFF}
		.cabeceradetalle{ height:40px; width:100%; background:#c9d422; margin-left: -20px; margin-top: -20px; padding: 10px 0 0 40px; border-radius:25px 25px 0px 0px; color:#FFF !important}
		.piedetalle{height:40px; width:100%; margin-left: -20px; margin-top: -20px; padding: 10px 0 0 40px; border-radius:0px 0px 25px 25px; color:#FFF !important; background:url(img/logo.png) 430px 10px no-repeat #a3a3a3}
		.piedetalle2{height:40px; width:100%; margin-left: -20px; margin-top: -20px; padding: 10px 0 0 40px; border-radius:0px 0px 25px 25px; color:#FFF !important; background:url(img/logo.png) 790px 10px no-repeat #a3a3a3}

	#contenedor6{ float:left; height:100%; width:16.6%;  }
		#centrarcontenedor6{ margin:auto; height:100%; width:1000px; }
		#contenido6{ float:left; height:280px; width:1000px; margin-top:75px; background:url(img/contacto3.jpg)}
		#contenido62{ float:left; height:260px; width:980px; padding:10px 10px 10px 10px;; margin-top:7px; color:#FFF}
			#contenedorhombrecontacto{ position:absolute; margin-top:-232px; margin-left:670px;  width:309px; height:261px; background:url(img/chicoordenador.png) center no-repeat}
			#contenedorformulario{ float:left; height:250px; width:600px; margin-left:100px; }
				.formizq{ float:left; height:28px; width:100px;}
				.formdrch{ float:left; height:28px; width:150px;}
				.formdrch2{ float:left; height:95px; width:150px;}
				.formseparacion{ float:left; height:28px; width:50px;}
				.formcomentario{ float:left; height:76px; width:448px; border-radius:5px; border:none; padding:2px 2px 2px 2px;}
				.forminput{ float:left; height:15px; width:150px; border-radius:5px; border:none; padding:2px 2px 2px 2px; }
				.submit{ height:18px; width:450px; background:#c9d422; border:none; cursor:pointer; border-radius:5px; font-weight:bold; color:#333 }
				.submit:hover{ background:#fff; color:#333 }
	/* *************************************************** inicio cajas de texto *************************************************** */ 
		#texto11{ height:auto; width:990px; float:left;}
		
		#texto21{ height:auto; width:450px; float:left; text-align:justify}
		#texto22{ height:auto; width:450px; float:left; text-align:justify}
		
		#texto31{ height:auto; width:279px; float:left; text-align:justify}
		#texto32{ height:auto; width:279px; float:left; text-align:justify}
		#texto33{ height:auto; width:279px; float:left; text-align:justify}
		
		.separacion{ float:left; height:260px; width:70px; background:url(img/separacion.png) 25px 15px no-repeat }
		.separacion2{ float:left; height:260px; width:70px; background:url(img/separacion.png) 25px -15px no-repeat }
		.espacio{ height:7px; width:auto;}
		.guion{ width:auto; height:auto; padding-left:20px; background:url(img/guion2.png) 0px 4px no-repeat; margin-bottom:8px;}
	/* *************************************************** fin cajas de texto *************************************************** */ 

	#contenedorpie{ position:fixed; height:40px; width:100%; margin-top:-40px; text-align:center; color:#FFF; font-size:11px !important; }
		.enlacepie{ color:#FFF}
		.enlacepie:hover{ color:#c9d422}