/*CSS document para el sitio http://www.la-caseta.com

Autor css: Ana Laura Suescun
Año: 2008
Ultima revision: 02/08/08

---------------------------------------------------------
Colores usados:#666; #a3ba39(verde); #f2ab1b(naranja); #fdee03;#ea4204(rojo); #913db4(violeta); #008fd3(azul)
-------------------------------------------------------*/

/* GENERAL-------------------------------------------------- */
* {	margin:0;
	padding:0;
	}

img { border:none;}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
	}
	
#container {
	margin-top:30px;
	width:784px;
	margin:0px auto;
	text-align:center;
	position:relative;
	}
	
body {
	background-color:#fff;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	}
	
h1#interior {
	text-indent:-9000%;
	background:url(images/la-caseta_logo_s.gif) no-repeat top left;
	width:200px;
	height:58px;
	float: left;
	}

	h1#interior a {
		display:block;
		width:100%;
		height:100%;
		}

h2{	font-size: 1.7em;
	text-decoration: none;
	}
		
h2#invisible {
	text-indent:-90000%;
	display: block;
	width: 540px;
	height: 36px;
	}

h3{	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color:#008fd3;
	text-align: center;
	padding: 2px 0px;
	margin-bottom: 0.7em;
	}
	
	h3.azul{color:#008fd3;}
	h3.verde{color:#a3ba39;}
	h3.gris{font-size: 1.3em;color:#666666;margin-bottom: 0em;}
	
h4{	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color:#008fd3;
	}
	
	h4.naranja{color:#f6ae19;}
	h4.verde{font-size:1em;color:#a3ba39;padding-bottom:0.6em;}
	h4.verdecenter{font-size:1.2em;text-align:center;color:#a3ba39;padding-bottom:1em;}
	h4.azul{font-size:1em;color:#008fd3;padding-bottom:0.5em;padding-top:1.2em;}
	h4.rojo{font-size:1em;color:#ea4204;padding-bottom:0.5em;padding-top:1em;}
	h4.azulcenter{font-size:1.2em;text-align:center;color:#008fd3;padding-bottom:1em;}
	
h5{	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color:#666;
	}
	
p {
	text-decoration: none;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 1.2em;
	}

p.negrita {font-weight:bold;padding-top:32px;}
p.formanual {padding-bottom: 0.5em;}

dd.sep{padding-bottom:0.5em;}

	
a {color:#666;
text-decoration: none;}

a:link {
	text-decoration: none;
	color:#666;
	}
a:visited {color:#666;}
a:hover {color:#f2ab1b;}
a:active {color:#666;}

p.center {
	text-decoration: none;
	text-align: center;
	color: #666;
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 1.5em;
	}
	
a.center:link {color:#666;}	
a.center:visited {color:#666;text-decoration: none;}
a.center:hover {color:#f2ab1b;}
a.center:active {color:#666;text-decoration: none;}

.greyleft{font-weight: bold;text-align:left;padding-top: 25px;}
.greycenter{font-weight: bold;text-align:center;padding-top: 60px;}

.destacado {
	padding:70px;
	color: #f2ab1b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
	}
	
.rojo {
	color: #ea4204;
	font-weight: bold;
	}
	
.naranja {
	color: #f2ab1b;
	font-weight: bold;
	}
	
.borde{border: 1px solid #000;}
	
/* PORTADA-------------------------------------------------- */	

h1#invisible {text-indent:-90000%;}
	
/* PORTADA IDIOMAS-------------------------------------------------- */
#ronda {
	width:620px;
	height: 283px;
	background: url(images/ronda.jpg) no-repeat;
	margin: 0px auto;
	}
	
#flash {
	width:252px;
	height: 283px;
	float: right;
	}
	
/* DIVS BOTONES-------------------------------------------------- */
#rectbuttons {
	width:542px;
	height:20px;
	margin: 50px auto 38px;
	}

#sqbuttons {
	width:272px;
	height:340px;
	margin: 0px auto;
	}
	
/* PÁGINAS INTERIORES-------------------------------------------------- */
#header {
	background: url(images/la-caseta_logo_s.gif) top left no-repeat;
	width: 782px;
	height: 225px;
	}
	
#upright{
	margin-left: 236px;
	height: 155px;
	}

#horizontal{
	margin-left: 236px;
	margin-top: 12px;
	height: 20px;
	}

#main {
	margin-left: 240px;
	text-align: justify;
	}

#titles {
	margin-bottom:15px;
	width:540px;
	height:36px;
	float:left;
	}
	
	.agenda {background: url(images/menu_es/tit_agenda.gif) top left no-repeat;}	
	.articulos {background: url(images/menu_es/tit_articulos.gif) top left no-repeat;}
	.articles {background: url(images/menu_ca/tit_articles.gif) top left no-repeat;}	
	.contacto {background: url(images/menu_es/tit_contacto.gif) top left no-repeat;}
	.contacte {background: url(images/menu_ca/tit_contacte.gif) top left no-repeat;}
	.crianza {background: url(images/menu_es/tit_crianza.gif) top left no-repeat;}
	.actninos {background: url(images/menu_es/tit_act-ninos.gif) top left no-repeat;}
	.musica {background: url(images/menu_es/tit_musica.gif) top left no-repeat;}
	.yoga {background: url(images/menu_es/tit_yoga.gif) top left no-repeat;}
	.juegosmarciales {background: url(images/menu_es/tit_juegos-marciales.gif) top left no-repeat;}
	.actadultos {background: url(images/menu_es/tit_act-adultos.gif) top left no-repeat;}
	.grupomujeres {background: url(images/menu_es/tit_grupo-mujeres.gif) top left no-repeat;}
	.yogaembarazo {background: url(images/menu_es/tit_yoga-embarazo.gif) top left no-repeat;}
	.conciencia {background: url(images/menu_es/tit_conciencia.gif) top left no-repeat;}
	.crianca {background: url(images/menu_ca/tit_crianca.gif) top left no-repeat;}
	.formacion {background: url(images/menu_es/tit_formacion.gif) top left no-repeat;}
	.propformativas {background: url(images/menu_es/tit_prop-formativas.gif) top left no-repeat;}
	.talleres {background: url(images/menu_es/tit_talleres.gif) top left no-repeat;}
	.formacionanual {background: url(images/menu_es/tit_form-anual.gif) top left no-repeat;}
	.formacio {background: url(images/menu_ca/tit_propostes-formatives.gif) top left no-repeat;}
	.formacioanual {background: url(images/menu_ca/tit_formacio-anual.gif) top left no-repeat;}
	.actnens {background: url(images/menu_ca/tit_activitat-nens.gif) top left no-repeat;}
	.musicatala {background: url(images/menu_ca/tit_musica.gif) top left no-repeat;}
	.ioga {background: url(images/menu_ca/tit_ioga.gif) top left no-repeat;}
	.jocsmarcials {background: url(images/menu_ca/tit_jocs-marcials.gif) top left no-repeat;}
	.actadults {background: url(images/menu_ca/tit_act-adults.gif) top left no-repeat;}
	.grupdones {background: url(images/menu_ca/tit_grup-dones.gif) top left no-repeat;}
	.iogaembaras {background: url(images/menu_ca/tit_ioga-embaras.gif) top left no-repeat;}
	.consciencia {background: url(images/menu_ca/tit_consciencia.gif) top left no-repeat;}
	.links {background: url(images/menu_es/tit_links.gif) top left no-repeat;}
	.proyectoedu {background: url(images/menu_es/tit_peducativo.gif) top left no-repeat;}
	.projecteedu {background: url(images/menu_ca/tit_peducatiu.gif) top left no-repeat;}
	.psicomotricidad {background: url(images/menu_es/tit_psicomotricidad.gif) top left no-repeat;}
	.psicomotricitat {background: url(images/menu_ca/tit_psicomotricitat.gif) top left no-repeat;}
	.quienes {background: url(images/menu_es/tit_qsomos.gif) top left no-repeat;}
	.quisom {background: url(images/menu_ca/tit_quisom.gif) top left no-repeat;}

p.white {font-weight: bold; color: #fff; padding-bottom:0; padding-top:60px}
a.white:link {text-decoration: none; color:#fff;}
a.white:visited {color:#fff;}
a.white:hover {color:#fdee03;}
a.white:active {color:#fff;}

p.black {
	padding-top: 25px;
	font-weight: bold;
	color: #000;
	text-align: center;
	}

a.black:link { text-decoration: none; color:#000;}
a.black:visited {color:#000;}
a.black:hover {color:#f2ab1b;}
a.black:active {color:#000;}

p.blackizq {padding-top:25px;font-weight:bold;color:#000;text-align:left;}
a.blackizq:link {text-decoration: none; color:#000;}
a.blackizq:visited {color:#000;}
a.blackizq:hover {color:#f2ab1b;}
a.blackizq:active {color:#000;}

#fotos {
	width: 240px;
	padding: 0px;
	float: left;
	}
	
/* INTERIORES con fondos NARANJA--------------------------------------------------------*/
	
.fondor{
	background-color: #ea4204;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	text-align: center;
	margin: 0px 180px;
	}

.fondon{
	background-color: #f6ae19;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	text-align: center;
	padding: 2px 0px;
	margin-bottom: 1em;
	}
	
#texleft {
	width: 270px;
	float: left;
	text-align: left;
	}

#texright {
	margin-left: 270px;
	width: 270px;
	text-align: right;
	margin-bottom: 30px;
	}	

/* PSICOMOTRICIDAD - ROJO ---------------------------------------------*/

#footer1 {
	height: 50px;
	text-align: center;
	background:url(images/la-caseta_isotipo.gif) no-repeat 110px bottom;
	padding-top:15px;
	}

#pie {
	width:780px;
	text-align:center;
	overflow-x: hidden;
	}
	
#pie div {
    padding-top:57px;
    height:80px;
    }

	.red {background:url(images/pie_rojo.gif) no-repeat bottom;}
	.green {background:url(images/pie_verde.gif) no-repeat bottom;}
	.violet{background:url(images/pie_violeta.gif) no-repeat bottom;}
	.blue {background:url(images/pie_azul.gif) no-repeat bottom;}
	.orange {background: url(images/pie_naranja.gif) no-repeat bottom;}
	
/* FORMACIÓN - VERDE ------	---------------------------------------*/

.fondov{
	background-color: #a3ba39;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	text-align: center;
	padding: 2px 0px;
	margin-bottom: 1em;
	}
	
.fondovit{
	background-color: #a3ba39;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	text-align: justify;
	padding: 10px 17px;
	margin-bottom: 1em;
	}
	
p.cursiva: { font-style:italic;color:#666;}

	
/* PROYECTO EDUCATIVO - VIOLETA ---------------------------------------------*/
.fondovio{
	background-color: #913db4;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	text-align: center;
	padding: 2px 0px;
	margin-bottom: 1em;
	}

	
/* CRIANZA - AZUL ---------------------------------------------*/
p.cursiva {
	font-style: italic;
	}
/* Boton
-------------*/
#button {
	position:absolute;
	top:20px;
	right:80px;
	width:108px;
	height:108px;
}

#actividades {
	height:100px;
	padding-top:15px;
}

#actividadesadultos {
	height:130px;
}

#vacio {
	width: 240px;
	padding: 0px;
	float: left;
	height:83px;
	}