﻿body
{
	background: #706180 url(../imagenes/background.jpg)  repeat;
	padding:0px;
	margin:0px;
	font-family:"Tahoma";
}

a
{
	text-decoration:none;
}

div
{
	overflow:hidden;
}



/*--------- capa contenedor -----------*/
#contenedor
{
	background-color:#fff;
	width:762px;
	height:100%;
	padding:0px;
	margin:auto;
	margin-top:0px;
	top:0px;
	background: #fff url(../imagenes/main_shadow.jpg) repeat-y;
}


/*--------- capa header -----------*/		
#header
{	
	z-index:2;
	position:relative;
	top:0px;
	width:686px;
	height:300px;
	padding:0px;
	background:#333;
	margin:auto;

}



/*--------capa menu--------------*/
#capa-menu
{
	z-index:3;

	width:686px;
	height:30px;
	padding:0 0 0 0;
	background: transparent url(../imagenes/menu_bck.jpg) repeat-x top center;
	text-align:left;
	
	vertical-align:middle;
	
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	
}

#capa-menu .mainlevel
{
	vertical-align:middle;
	line-height:30px;
	padding:20px;
	font-size:12px;
}

#capa-menu .mainlevel:hover
{
	background: #ccc;
}


#capa-menu form
{
	float:right;
	width:165px;
	margin:5px;
	padding:3px;
	vertical-align:middle;
	background:#fff;
	height:14px;
}

#capa-menu .inputbox, #capa-menu .button
{
	padding:0px;
	margin:0px;
	left:0px;
	font-size:14px;
	color:#0099FF;
	border:none;
}

#capa-menu .button
{
	width:19px;
	height:14px;
	float:right;
}

#capa-menu .inputbox
{
	float:left;
	width:100px;
}

/*--------- capa contenido -----------*/	
#contenido
{	
	z-index:2;
	width:686px;
	overflow-y:visible;
	overflow-x:visible;
	background: #fff;
	height:100%;
	margin:auto;
	margin-bottom:0px;
	padding:0px;
}
	
/*----------capa modulos -----------*/
#modulos
{
	z-index:2;
	position:relative;

	width:686px;
	height:100%;

	margin-left:auto;
	margin-right:auto;
	
	background:#eee;
	line-height:11px;

}
	
	
#modulos h3
	{	
		color:#09f;
		text-align:center;
		font-size:13px;
		letter-spacing:2px;
		background: url(../imagenes/modulos_encabezado.jpg);
		height:43px;
		width:133px;
		padding:0px;
		margin:auto;
		line-height:17px;
		font-weight:400;
	}
	
	#modulos p
	{
		color:#000;
		padding:5px;
		margin:0px;
	}
	
	#modulos label
	{
		padding:5px;
	}
	
#form-login
{
	line-height:11px;
}


/*--------- capa pie -----------*/	
#pie
{
	width:686px;
	height:30px;
	background: #eee url(../imagenes/menu_bck.jpg) repeat-x top;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	font-size:13px;
}

#pie .sombra
{
	background: #fff center bottom;

	margin:0px;
	z-index:5;
	height:24px;
	border:none;
	line-height:30px;
}

#pie a, #pie p
{
	z-index:6;
	color:#fff;
	line-height:30px;
	margin:0px;

}

#pie a
{
	padding:7px;
	background: #999 url(../imagenes/pie_mouseover_bck.jpg) repeat-x center;	
}


/*--------- sombras -----------*/	
#sombra-pie
{	
	z-index:3;
	width:686px;
	height:14px;
	background: transparent url(../imagenes/pie_shadow.jpg) repeat-x;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
}

#sombra-menu
{
	z-index:3;
	width:686px;
	height:14px;
	background: #fff url(../imagenes/menu_shadow.jpg) repeat-x top;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	padding-bottom:10px;
}

/*------------clases Joomla----------*/

.moduletable
{
	width:140px;
	height:160px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:50px;
	font-size:11px;
	padding:5px;
	background:#fff;
	color:#09f;
	line-height:11px;
}

.moduletable table
{
	font-size:11px;
	line-height:15px;
	margin-left:20px;
}



.moduletable form fieldset
{	
	margin:auto;
	padding:0px;
	border:none;	
}

.moduletable input,.inputbox, .button
{
	border:1px #eee solid;
	font-size:11px;
	padding:3px;
	margin:3px;
	background:#fff;
}

.moduletable .button:hover
{
	border:1px #96c solid;
	text-decoration:underline;
}

#component-contact
{
	margin:auto;
	color:#96c;
}


.contact_email input, .contact_email textarea
{
	margin:auto;
	border:1px #222 solid;
	font-size:14px;
	padding:3px;
	margin:3px;
	background:#fff;
}

.article_row
{
	padding:0px;
	width:665px;
	margin:auto;
	padding-bottom:20px;
	padding-top:20px;
}

.row_separator
{
	height:0px;
	width:20px;

}

.contentheading, .componentheading
{	
	color:#96c;
	text-align:center;
	font-size:16px;
	text-align:center;
	font-weight:600;
	margin:auto;
	padding:20px;
	line-height:19px;
}

.article_column_column1
{
	padding:0px;
	margin:0px;

	margin-bottom:0px;
	border:none;
	width:40%;
	min-height:200px;
	float:left;

	border-right:1px solid #ccc;
}

.article_column_column2
{
	padding:0px;
	margin:0px;
	margin-bottom:0px;

	width:40%;
	min-height:200px;
	float:right;
}

a.mainlevel
{	
	line-height:25px;
	color:#000;

}


.blog  p, .leading , .contentpaneopen, .blog_more
{
	line-height:20px;
	font-size:12px;
}

.horarios{
       width:100%;
       background: rgb(0,153,255);
       font-size: 13px;
}

.horarios th{
       background-color:rgb(0,153,255);
       color: #fff;
       margin:0;
}

.horarios td{
       border:1px solid #666;
       padding:4px;
       margin:0;
       background: #eee;
}

.blog_more
{
	margin:auto;
	border-top:1px solid #ccc;
	padding:20px;
	width:180px;
	font-size:11px;
}

.pagenav
{
	width:180px;
	font-size:11px;	
	margin:auto;
	padding:5px;
	padding-left:15px;
	border:1px solid #ccc;
	text-align:center;
}


.blog p
{
	margin:10px;
	padding:0px;
}

.blog img
{
	border:solid 1px #0099FF;
	padding:2px;
}

.contentpaneopen
{
	/*margin:auto;
	margin: auto 15px; solo tiene margen der e izq
        width:650px;*/
}

.contentpaneopen tr
{
        width:320px;
}


.contentheading
{
	margin-right:auto;
	margin-left:auto;
}


.article_row a
{
	margin:10px;
	line-height:12px;
	text-align:center;
	font-size:10px;
	letter-spacing:2px;
	border: 1px solid #ccc;
	color:#96c;
	padding:3px;
	max-width:30%;
	display:block;
	float:left;
}

.article_row a:hover
{
	border: 1px solid #96c;	
}

.blog
{
	margin:10px;
	margin-top:0px;
	max-width:686px;
}

.blog h2, .blog h3, .blog h4, .blog h5, .blog h6{
	color:#96c;
	font-size:14px;
}

.blog h2, .blog h1
{
	text-align:center;
}

.article_column, #page
{
	width:50%;
	padding:0px;
	background:#fff;
	line-height:20px;
	font-size:12px;
}

#page
{
	width:100%;
}

.blog a{
        color: #222;
}

.tool-tip{
        background-color:#fff;
        border:1px solid #0099FF;
        padding:5px;
        font-size:10px;
        color:#0088EE;
}