﻿@charset 'UTF-8';

/*/////////////////////////////////
	DIVISIONES GENERALES
/////////////////////////////////*/

div#page {
	width: 709px;
	margin: 0 auto;
	background: #fff url(../images/background-content.jpg) no-repeat top left;
	border-left: 2px solid #666633;
	border-right: 8px solid #666633;
	padding-bottom: 2em;
}

div#endpage {
	width: 709px;
	margin: 0 auto;
	background: #fff url(../images/background-endpage.jpg) no-repeat -2px 10px;
}

div#header {
	width: 1000px;
	height: 302px;
	margin: 0 auto 2px auto;
	padding: 0;
	background: transparent url(../images/background-header.jpg) no-repeat center center;
}

div#footer {
	width: 720px;
	height: 110px;
	margin: 0 auto;
	font-size: .8em;
	background: transparent url(../images/background-endpage.gif) no-repeat top center;
	padding: 0;
}

div#content {
	width: 709px;
	margin: 0 auto;
	min-height: 900px;
}

/* for Internet Explorer */
/*\*/
* html div#content {
height: 900px;
}
/**/

div#sidebar {
	display: none;
	padding-top: 4.25em;
	text-align: justify;
}

div#main {
	padding-top: 3em;
	background: transparent url(../entorno/background-sidebar.jpg) no-repeat top left;
}

#content.ms div#main,
#content.sm div#main {
	width: 400px;
}

#content.ms div#sidebar,
#content.sm div#sidebar {
	width: 290px;
	display: block;
}

#content.sm div#main,
#content.sm div#sidebar {
	float: left;
}

#content.ms div#main,
#content.ms div#sidebar {
	float: right;
}



/*/////////////////////////////////
	HEADER
/////////////////////////////////*/

#header h1 {
	margin: 0;
	padding: 0;
	display: none;
	}


/*/////////////////////////////////
	MENU  GENERAL
/////////////////////////////////*/

#navmenu {
	padding-top: .5em;
	text-align: center;
	font: bold 1.1em trebuchet ms, verdana, sans-serif;
	margin: 0 auto .5em auto;
}

#navmenu ul {
	margin: 0;
	padding: 0;
	padding-left: 1.5em;
	}

#navmenu ul li {
	display: block;
	margin: 0 0 0 .35em;
	float: left;
}

#navmenu ul li a {
	color: #696b3e;
	padding: .19em;
}

#navmenu ul li a:hover {
	color: #000;
	background: url(../images/menu-over.gif);
}



/*/////////////////////////////////
	PIE DE PAGINA
/////////////////////////////////*/

#footer p {
	text-align: right;
	font-size: 1em !important;
	padding: 110px 0 0 0;
	margin: 0;
	}

#footer img {
	vertical-align: middle;

	}

/*/////////////////////////////////
	MAIN
/////////////////////////////////*/

#main p {
	text-align: justify;
	}

#main p a {
	color: #796651;
	font-weight: bold;
}

#main p a:hover {
	color: #333;
}

#main .boxMenu {
	width: 185px;
	margin: 0 1em 1em 0;
	padding: 0;
	}

#main .boxMenu h2 {
	font: bold 1.1em verdana, arial, sans-serif;
/*	border-top: 6px solid #666;*/
	background: url(../images/background-header-level2.gif) no-repeat top left;
	padding-top: 1em;
	}

#main ul#artists {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#main ul#artists li {
	padding: .5em 0;
	}

#main ul#artists li a {
	display: block;
	color: #796651;
	font-weight: bold;
	background: transparent url(../images/bullet_black.gif) no-repeat center left;
	padding-left: 20px;
	}

#main ul#artists li a:hover {
	color: #333;
	}

#main #map {
	width: 600px;
	height: 650px;
	margin: 1em auto;
	border: 1px solid #ccc;
	}

#main #directions {
	width: 600px;
	margin: 1em auto;
	}

#main #geoGoogle {
	width: 650px;
	margin: 0 auto;
	padding: .5em 1em;
	}

#main ul {
	list-style: square;
	padding-left: 1em;
	}


#main ul li {
	font-size: .85em;
	}


.arrow {
	padding: 0 0 0 15px;
	background: url(../images/icon-arrow.png) no-repeat top left;
	}

#main .sponsors {
	width: 325px;
	margin: 0 auto;
	}

#main .sponsors img {
	float: left;
	margin-left: 1em;
	}

/*/////////////////////////////////
	LATERAL
/////////////////////////////////*/

#sidebar h1 {
	font: bold 1em verdana, tahoma, sans-serif;
	padding: .5em 0 0 3em;
	height: 35px;
	margin: 0 0 -1em 0;
	color: #fff;
}

#sidebar h1.greenHeader {
	background: url(../images/sidebar-header-green.gif) no-repeat top left;
}

#sidebar h1.blueHeader {
	background: url(../images/sidebar-header-blue.gif) no-repeat top left;
}

#sidebar h1.hardblueHeader {
	background: url(../images/sidebar-header-hardblue.gif) no-repeat top left;
}

#sidebar h1.grayHeader {
	background: url(../images/sidebar-header-gray.gif) no-repeat top left;
}


#sidebar h2 {
	font: bold 1em verdana, tahoma, sans-serif;
	margin-top: 1em;
	margin-bottom: -1em;
}

#sidebar h2 a {
	color: #69bf3c;
}

#sidebar h2 a:hover {
	color: #369;
}

#sidebar p {
	font-size: 0.85em;
}

#sidebar p a {
	color: #796651;
	font-weight: bold;
}

#sidebar p a:hover {
	color: #333;
}


/*////////////////////////
	FORMULARIO
////////////////////////*/

form {
	width: 90%;
	margin: 0 auto;
}

div.row {
	clear: both;
	margin-top: .4em;
	font-size: .85em;
}

div.rowSubmit {
	clear: both;
	margin-top: 2em;
	font-size: .8em;
	text-align: center;
}

label {
	width: 65px;
	font-weight: bold;
/*	float: left;*/
	display: block;
	padding: 0 1em 0 0;
	margin: 0 1em 0 0;
	text-align: left;
	position: relative;
}

input.mini,
input.short,
input.medium,
input.large,
input.file,
textarea,
form select	{
	border-width: 1px;
	border-style: solid;
	border-color: #898 #ccc #ccc #898;
	margin-right: 1em;
	padding: 3px;
	color: #666;
	}


div.form-container input {
	vertical-align: top;
}

form  img {
	border: 1px solid #666;
	background: #fefefe;
	padding: 2px;
	vertical-align: top;
}


input.boton {
	font-weight: bold;
	color: #fff;
	background: #333 url(../entorno/background-button.jpg) repeat-x top left;
	padding: 0 2em;
	height: 22px;
}

input, select, textarea {
	border: 1px solid #ccc;
}

fieldset { margin: 1em 0; padding: 1em; border: #DDD 2px solid; }
legend { font-weight: bold; color: #666; }
label em { color: #f00; padding: 0 .2em; }


/*/////////////////////////////////
	PAGINACIONES LISTAS
/////////////////////////////////*/

div.paginate ul {
	margin: 0;
	padding: 0;
}

div.paginate li {
	display: inline;
	margin: 0;
	padding: 0 .2em 0 0;
}

div.paginate li.actual {
	font-weight: bold;
}

div.paginate a {
	color: #33f;
}

div.paginate a:hover {
	color: #333;
}


/*/////////////////////////////////
	TABLAS
/////////////////////////////////*/


table {
	width: 90%;
	margin: .5em auto 1em auto;
	font-size: .85em;
	border: 1px solid #333;
	}

table thead th {
	background: #009;
	color: #fff;
	line-height: 2em;
	padding: 0 .5em;
	font-weight: bold;
	}

table tbody th {
	font-weight: bold;
	}

table tbody td {
	line-height: 2em;
	background: #ededed;
	color: #333;
	border-bottom: 1px solid #999;
	padding: 0 .5em;
	vertical-align: top;
	}


/*/////////////////////////////////
	THUMBNAILS GALERIA
/////////////////////////////////*/


#gallerydsf {
	width: 325px;
	margin: 1em auto;
	}


#gallerydsf img {
	margin-right: 1em;
	margin-bottom: 1em;
	float: left !important;
	}


/*/////////////////////////////////
	POSTS / ENTRADAS
/////////////////////////////////*/

.post h2 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	}

h2.author {
	font-size: 1em !important;
	color: #333 !important;
	margin-top: 0em;
	margin-bottom: 0;
	padding: 0;
	}

h2.author span {
	color: #090;
	}


/*/////////////////////////////////
	ARTSITAS
/////////////////////////////////*/

h2.features {
	font-size: 1em !important;
	color: #333 !important;
	margin-top: -2.4em;
	margin-bottom: 0;
	padding: 0;
	}

h2.features span {
	color: #090;
	}




/*/////////////////////////////////
	MENSAJES POR PANTALLA
/////////////////////////////////*/

#andro_msg {
	padding: .6em 0;
	font-size: 1em;
	width: 90%;
	margin: 2em auto 2em auto;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-style: solid;
	color: #666 !important;
}

#andro_msg p {
	margin-left: 4em;
	}

.error {
	background: #fcc url(../images/icons/error.gif) no-repeat 1.4em center;
	color: #900 !important;
	border-color: #900;
}

.warning {
	background: #ffff99 url(../images/icons/advert.gif) no-repeat 1.4em center;
	color: #c90 !important;
	border-color: #f90;
}

.notice {
	background: #d0dce7 url(../images/icons/advert.gif) no-repeat 1.4em center;
	color: #009 !important;
	border-color: #00f;
}

.success {
	background: #d5e7d0 url(../images/icons/info.gif) no-repeat 1.4em center;
	color: #090 !important;
	border-color: #363;
}