@charset "UTF-8";

/* RESET
--------------------------------------------------------------------------- */

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: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none; color:#6d3f30;}
a:hover { color: #000;}
img { -ms-interpolation-mode: bicubic;}

/*img, div, li, a { behavior: url(iepngfix.htc); }
a, a:active, a:visited, img { outline:none; text-decoration:none;}*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both;}
.espacio { height:100px;}

/*------------------------------- */	
/*	general structure classes 	 */			
/*------------------------------*/

@font-face{
font-family: "DIN Medium";
src: url('DIN Medium.ttf') format('truetype');
}
body {
	background: #fff url(../images/bg_body.jpg)0 0 fixed;
	color: #333;
	font-family:'DIN Medium', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	font-size:16px;
}
body.inicio {
	background: #fff url(../images/bg_movil.jpg)top left repeat-y;
	color: #333;
	font-family:'DIN Medium', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	font-size:16px;
	height:100%;
}
#wrapper {
	width: 950px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	background:rgba(255,255,255,0.60);
}

#left {
	background:none;
	z-index: 50;
	height:auto;
	width: 190px;
	padding: 36px 0 0 40px;
	overflow: visible;
	float:left;
	position:relative;
}
#left ul {
	margin: 2.5em 0 3em 0;
	padding: 0px 0px;
	list-style: none;
}
#left ul li {
	list-style-type: none;
	min-height:1.5em;
	background-color: none;
}
#left ul li a {
	font-family:'DIN Medium', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	display: block;
	margin: 0px;
	padding: 0;
	position: relative;
	line-height:1.5em;
	cursor:pointer;
	background-color: none;
}
#left ul li #editorial{ height:0px;}

#left ul li a:hover {
	color: #fe5400;
	text-decoration:none;
}
#left ul li ul {
	width:80%;
	margin: 0.8em 0 2.0em 20px;
	padding: 0.5em 2.0em;
	list-style: none;
}
#left ul li ul li {
	list-style-type: none;
	min-height:1.5em;
}
#left ul li ul li a {
	font-family:'DIN Medium', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	display: block;
	margin: 0px;
	padding: 0 0 6px 0;
	position: relative;
	line-height:1.28em;
	cursor:pointer;
}
#adress {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.65em;
	line-height:18px;
	padding-top:0px;
	}
#adress h5 {
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	font-size:0.9em;
	line-height:0.9em;
	padding-bottom:20px;
	}
#adress a{
	color: #333;
	}
#adress a:hover{
	color: #fe5400;
	text-decoration:none;
	}
#text{
	position:relative;}
	
#text p {
	color: #666;
	font-size:0.58em;
	margin:1.0em 0 0 0;
	line-height:2.0em;
}

#text img {
	margin-left:0;
	}

#top {
	z-index: 60;
	width: 720px;
	overflow: hidden;
	float:right;
	margin-left:0px;
	position:relative;
}
#top2 {
	width: 720px;
	overflow: hidden;
	float:right;
	display:block;
}
#logos {
	background:#fff;
	width: 720px;
	height:200px;
	overflow:hidden;
}
#logos p{
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.7em;
	line-height:2.0em;
	margin:54px 62px 50px 67px;
	height:200px;
	text-align:justify;
}
#editorial {
	background: #fff;
	width: 584px;
	height:auto;
	padding:30px 68px 0px 68px;
	font-size:0.75em;
	line-height:1.5em;
	color:#333;
}
.orange{
	color: #fe5400;
	}

.pages {
	float:right;
	margin-right:10px;
}

a.next {
	background: url(../images/arrows.png) right 0 no-repeat;
	width: 17px;
	height:17px;
	display:block;
	float:right;
	text-indent:-5000px;
}
a.next:hover {
	background: url(../images/arrows.png) right -20px no-repeat;
	width: 17px;
	height:17px;
}
a.prev {
	background: url(../images/arrows.png) left 0 no-repeat;
	width: 17px;
	height:17px;
	display:block;
	float:right;
	text-indent:-5000px;
	margin-right:6px;
}
a.prev:hover {
	background: url(../images/arrows.png) left -20px no-repeat;
	width: 17px;
	height:17px;
}
#content {
	height:auto;
	text-align:center;
	width:720px;
	margin-left:0px;
	background:#fff;
	overflow:hidden;
	float:right;
	padding-top:0px;
	position:relative;
}
#content.index {
	height:800px;
}
#content ul {
	text-align:left;
	margin: 40px 0 60px 80px;
}
#content ul li {
	text-align:left;
	margin: 0 0 20px 0px;
}
#content img {
	width:100%;
}
.space{ display:none;}