@charset 'UTF-8';

* {
	padding: 0px;
	margin: 0px;
}

body {
	font: 12px/1.3em verdana, tahoma, arial, sans-serif;
	color: #666;
	background: #cbceb0 url(../entorno/background-page.jpg) repeat-y center top;
}

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

div#page {
	width: 936px;
	margin: 0 auto;
	background: #cbceb0 url(../entorno/background-page.jpg) repeat-y center top;
}

div#header {
	width: 790px;
	height: 150px;
	margin: 10px auto;
	background: #e5e5e7 url(../entorno/background-header.jpg) no-repeat center top;
}

div#idiomas {
	width: 75px;
	height: 16px;
	position: relative;
	left: 710px;
	top: 134px;
}

div#footer {
	width: 760px;
	height: 20px;
	margin: 10px auto;
	padding: 6px;
	border-top: 1px dotted #333;
	text-align: right;
}

div#endpage {
	width: 936px;
	margin: 20px auto 0 auto;
	background: transparent url(../entorno/background-endpage.jpg) no-repeat -1px 100%;
	height: 100%;
	min-height: 70px;
}

div#content {
	width: 770px;
	margin: 0 auto;
	background: #fafafa;
}

div#sidebar {
	display: none;
}

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

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

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

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


/*////////////////////////
	CABECERA
////////////////////////*/

#header h1 span {
	display: none;
}


/*////////////////////////
	PARTE PRINCIPAL
////////////////////////*/

#main h2 {
	font: bold 1.3em arial, sans-serif;
	background: #fff url(../entorno/background-headerseccion.jpg) no-repeat top left;
	padding: 10px 0 20px 20px;
	color: #fff;
}

#main h3 {
	font-size: 1.1em;
	height: 30px;
	padding: 5px 0 0 20px;
	margin-left: 10px;
	color: #fff;
	background: #fff url(../entorno/main-header-3.gif) no-repeat top left;
}

#main ul {
	margin: 1.4em 2em;
	padding-left: 35px;
}

#main ul li {
	list-style-image: url(../entorno/bullet-info-cercle.gif);
	padding-bottom: 3px;
	padding-left: 15px;
	margin-bottom: 1.4em;
}


/*////////////////////////
	ZONA LATERAL
////////////////////////*/

#sidebar h2 {
	font: bold 1.3em arial, sans-serif;
	color: #333;
	background: #e4e6d6 url(../entorno/background-headermenu.jpg) no-repeat top left;
	padding: 10px 0 14px 20px;
}

#sidebar h3 {
	font: bold 1.2em arial, sans-serif;
	background: transparent url(../entorno/menu-header-2.gif) no-repeat top left;
	padding: 10px 0 8px 20px;
	margin-left: 10px;
}

#boxes {
	width: 152px;
	margin: auto;
}


/*////////////////////////
	MENU LATERAL
////////////////////////*/

ul.menu  {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}



ul.menu li {
	padding: 0;
	margin: 0;
	width: 153px;
	line-height: 1em;
	margin: 2px 0;
}

ul.menu li a {
	display: block;
	padding: 10px 10px 10px 25px;
	color: #525e27;
	background: transparent url(../entorno/menu-list-bg.gif) no-repeat top left;
	font: bold 1em verdana, sans-serif;
	text-decoration: none;
	letter-spacing: 0.1em;
	width: 123px;
}

ul.menu li a:hover {
	color: #ff0;
	background: #fff url(../entorno/menu-list-bg-over.gif) no-repeat top left;
}

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

#footer a img { border: none; }

/*////////////////////////
	CLASES SUELTAS
////////////////////////*/

div.break	{	clear: both;	}
.floatLeft	{	float: left;	}
.textCenter	{	text-align: center;	}



/*////////////////////////
	BOXES
////////////////////////*/

div.box {
	background: transparent url(../entorno/box-data.gif) no-repeat top left;
	height: 115px;
	margin-top: 1em;
}

div.box p {
	font: bold 1em tahoma, sans-serif;
	color: #fff;
	text-align: center;
	padding: 10px;
}


/*////////////////////////
	ELEMENTOS
////////////////////////*/

p {
	font-size: 1.1em;
	text-align: justify;
	padding: 5px 20px 10px 20px;
}

#main .datos {
	margin: 0;
	padding: 0;
	float: left;
}

#main .datos h4 {
	margin-left: 20px;
	font-size: 1.2em;
}

#main .datos ul {
	list-style: none !important;
}

#main .datos li {
	list-style: none !important;
}

#main #bigFoto {
	float: right;
	width: 310px;
}

.minivista {
	display: block;
	text-align: center;
	color: #fff;
	font: bold 0.8em tahoma, sans-serif;
}

.minivista a {
	background: transparent url(../entorno/vista-masinfo.jpg) no-repeat 2px -2px;
	color: #fff !important;
	display: block;
	width: 122px;
	height: 13px;
	padding: 2px 0;
	margin: 3px auto;
	text-decoration: none;
}

.minivista a:hover {
	color: #ff0 !important;
}

#vistas {
	width: 525px;
	margin: 0 auto;
	padding: 0;
}

#vistas p {
	text-align: center !important;
}

#vistas img {
	margin-left: 2px;
}

#vistas a img {
	border: 1px solid #566854;
}

#vistas a:hover img {
	border: 1px solid #060;
}

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

table {
	width: 98%;
	margin: auto;
}

table thead th {
	background: #fff url(../entorno/main-header-3.gif) no-repeat top left;
	height: 20px;
	color: #fff;
}

table tbody tr.one {
	background: #e6e9cb;
	height: 82px;
}

table tbody tr.two {
	background: #dde0c4;
	height: 82px;
}

/*////////////////////////
	PAGINACION
/////////////////////////*/

ul#pages {
	list-style: none;
	margin: 5px 10px 10px 5px;
	padding: 0;
	text-align: right;
}

ul#pages li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul#pages li a {
	font: bold 1em verdana;
	color: #333;
}

ul#pages li a:hover {
	font: bold 1em verdana;
	color: #009;
}


/*////////////////////////
	IDIOMAS
/////////////////////////*/

div#idiomas img {
	margin: 0 7px;
}

div#idiomas a img {
	border: none;
}

/*////////////////////////
	IDIOMAS
/////////////////////////*/
#flashcontent {
	width: 422px;
	height: 409px;
	margin: 2em auto;
	border: 1px solid #ccc;
}

/*////////////////////////
	IDIOMAS
/////////////////////////*/
#closetag {
	width: 113px;
	height: 24px;
	color: #fff;
	background: #a3af07 url(../entorno/background-closetag.gif) no-repeat top left;
	margin: 2em auto;
	padding-top: 10px;
	font: bold 1.1em verdana !important;
	text-align: center;
}

#closetag a {
	color: #fff !important;
	text-decoration: none !important;;
}

#closetag a:hover {
	color: #ff0 !important;
}

/*////////////////////////
	CONTACTAR
/////////////////////////*/

.fm-row {
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
	height: 15px;
	line-height: 15px;
	vertical-align: bottom;
}

.fm-textarea {
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
	vertical-align: top;
}

.fm-checkbox {
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
	vertical-align: top;
}

.fm-submit {
	margin-left: 20px;
	padding-bottom: 10px;
	clear: both;
	vertical-align: top;
}

.fm-row label, .fm-textarea label {
	color: #666;
	width: 140px;
	float: left;
}

.fm-checkbox label {
	color: #666;
	margin-left: 140px;
	text-align: left;
	float: left;
}

.fm-row input, .fm-textarea textarea {
	color: #333;
	border: 1px solid #ccc;
	float: left;
	width: 200px;
}

.fm-row em, .fm-textarea em {
	padding-left: 5px;
	color: #f00;
	float: left;	
}

.fm-submit input {
	margin-top: 10px;
	margin-left: 140px;
	padding: 3px 0;	
	color: #444;
	border: none;
	background: #ccc;
	width: 200px;
	font-weight: bold;
}

.break {
	clear: both;
	height: 1px;
	line-height: 1px;
	width: 100%;
}

.hidden {
	display: none;
}
