/*------------------------------------------------
autor: Emenia
email: info@emenia.es
web: www.emenia.es
----------------------------------------------------*/
/*
	R E S E T  (Eric Meyer)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 	
										{	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
											vertical-align: middle; background: transparent; }
body 									{	line-height: 1; }
ol, ul 									{	list-style: none;}
blockquote, q 							{	quotes: none;}
:focus 									{	outline: 0;}
ins 									{	text-decoration: none;}
del 									{	text-decoration: line-through;}
table 									{	border-collapse: collapse;	border-spacing: 0;}

/*
	C O L O R E S   y   T I P O G R A F I A

	Fondo Body        - Gris claro : #F4F5EF
	Color texto body  - Azul Oscuro: #293842
	Fondo Contenido   - Blanco     : #FFF
	color titulos     - Rojo oscuro: #9b0000
	
	Tipografía Body   - Trebuchet MS	

	N A V E G A D O R : En navegador.css
*/
/*
	E S T I L O S    P R I N C I P A L E S
*/
html, body 								{	color: #293842; font-family: "Trebuchet MS", Verdana, arial, sans-serif;
											font-size: 100.01%; line-height: 1.2em;	margin: 0; padding: 0;	
											text-align: center; width: 100%; }
body 									{	background: #F4F5EF url(../images/fondo_body.jpg) repeat-x top left; 
											font-size: 1em; }
.clear									{	clear: both;}

h2	 									{	color: #9B0000; }
a:link,
a:active								{	color: #293842;}
a:hover									{	color: #9B0000;}
a:visited								{	color: #293842;}
ul li									{	line-height: 1.5em;}
/*
	C O N T E N E D O R
*/
#contenedor 							{	margin: 0 auto;	width: 980px; }
/*
	H E A D E R
*/
#header									{	width: 960px; text-align:  center; margin: 0 auto; vertical-align: top; 
											height: 104px;}
h1.logo			 						{	float: left; height: 70px; text-indent: -9000px; width: 265px; 
											margin: 17px 0 0 20px;
											background: url(../images/logo_header.jpg) no-repeat top left;	}
/*
	C O N T E N I D O
*/
#contenido								{	width: 980px;  
											background: transparent url(../images/fondo_contenido.jpg) repeat-y top left;}
/* Inicio */
#inicio #columna_uno					{	width: 321px; text-align: left; float: left; margin: 25px 0 0 40px;
											background: url(../images/fondo_columna_uno.jpg) no-repeat top left;	}
#inicio #columna_dos					{	width: 561px; text-align: left; float: right; position: relative; 
											background: url(../images/fondo_columna_dos.jpg) no-repeat top left;
											margin: 25px 40px 0 0;	}
#inicio #columna_uno h2,
#inicio #columna_dos h2					{	font-size: 28px; padding: 20px;}
#inicio #columna_dos h3					{	font-size: 18px;}
#inicio #columna_uno p,
#inicio #columna_dos p					{	padding: 5px 20px; font-size: 15px;}
#inicio #columna_uno p.subtitulo		{	font-size: 18px; font-weight: bold;}
#inicio #columna_dos img				{	float: left; margin: 5px 20px;}
#inicio #columna_dos h3					{	padding-top: 2px;}
#inicio #columna_dos img.colegio		{	position: absolute; top: 10px; right: 0; }
/* Servicios */
#servicios #contenido img.banner		{	margin-top: 20px;}
#servicios #columna_uno					{	float: left; width: 200px; margin-top:  10px;}
#servicios #columna_uno img				{	padding: 10px 40px;}
#servicios #columna_dos					{	float: left; width: 350px; margin: 10px  0 0 30px; text-align: left;}
#servicios #columna_uno h2,
#servicios #columna_dos h2,
#servicios #columna_tres h2				{	font-size: 25px; padding: 10px 0; line-height: 1em;}
#servicios #columna_dos ul				{	list-style-type: disc; list-style-position: inside;}
#servicios #columna_tres				{	float: right; width: 350px; margin: 20px 40px 0 0; text-align: left;}
#servicios #columna_tres #blue			{	background: #293842; color: #FFF; margin-bottom: 10px;-moz-border-radius: 5px; 													 -webkit-border-radius: 5px;}
#servicios #columna_tres #blue h2		{	color: #FFF; font-size: 25px; padding: 15px;}
#servicios #columna_tres #blue ul		{	padding-bottom: 10px;}
#servicios #columna_tres #blue li		{	padding: 0 20px;list-style-type: disc; list-style-position: inside;}
#servicios #columna_tres #blue p		{	padding: 0 20px 20px; line-height: 1.5em;}
#servicios #columna_tres a				{	display: block; padding-bottom: 5px;}
/* Oficinas */
#oficinas #contenido img.banner			{	margin-top: 20px;}
#oficinas #columna_uno					{	float: left; width: 450px; margin: 20px 0 0 40px; text-align: left;}
#oficinas #columna_uno h2				{	font-size: 28px; }
#oficinas #columna_uno p				{	padding: 20px 0; text-align: left;}
#oficinas #columna_dos					{	float: right; width: 400px; margin: 20px 40px 20px 0; overflow: auto; }
#map									{	width: 400px; height: 320px; float: right; overflow: auto;}
/* Contacto */
#contacto #contenido img.banner			{	margin-top: 20px;}
#contacto #columna_uno					{	float: left; width: 450px; margin: 20px 0 0 40px; text-align: left;}
#contacto #columna_uno h2				{	font-size: 28px; }
#contacto #columna_uno p				{	padding: 20px 0; text-align: left;}
#contacto #columna_uno li				{	padding: 2px 0;}
#contacto #columna_dos					{	float: right; width: 400px; margin: 20px 40px 20px 0; overflow: auto; }
#contacto form							{	margin-top: 10px; }
#contacto table td						{	vertical-align: top; padding: 5px 0; text-align: left;}	
.button									{	border: 1px solid #333; background: white; padding: 3px 6px;
											-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover							{	background: #293842; color: #FFF; cursor: pointer;}
input:focus,
textarea:focus							{	border: 2px solid #293842;	}
label.error								{	color: red; text-align: left; display: block; float: none;}
/* Gracias */
p.gracias								{	margin-top: 120px; font-size: 1.2em;}
/* Ley */
#ley #contenido p						{	text-align: left; padding: 0 60px; font-size: 15px; line-height: 20px; 
											margin-bottom: 20px;}
#ley #contenido h2						{	margin-left: 40px; padding: 20px 0; font-size: 18px; text-align: left;}
#ley #contenido h3						{	margin-left: 50px; text-align: left;}
#ley #contenido ul						{	margin: 0 80px; text-align: left; padding-bottom: 20px;}
#ley #contenido ul						{	list-style-type: decimal;}
#ley #contenido ul ul					{	list-style-type: lower-latin;}
/* pie */
#pie									{	background:  #293842 url(../images/fondo_pie.jpg) repeat-x top left;
											margin: -5px auto 0; width: 960px; height: 102px; overflow: hidden; color: #ccc; }
#pie dl 								{	float: right; padding: 23px 60px 0; text-align: left;}
#pie dt 								{	font-size: 1.1em; font-weight: bold; }	



/*
	C O P Y R I G H T
*/
#copy									{	font-size: 0.9em; color: #666;}	
#copy p									{	padding: 10px 0;}