/* nieto@pezred.com */

body{
background: #d9d9c2 url(img/dbodybg.png);
color: #525253;
font-family: Verdana, sans-serif;
font-size:  .7em;
}

a{
color: #A7A7A6;
text-decoration: none;
}

a:hover{
color: #FB4F4C;
text-decoration: none;
}

/* for explorer only */
/* optional: #inner[id] {position: static;} */

.box-al{
display:block;
width: 750px;
height: 520px;
float:left;
}

#nav-top ul{
height:20px;
}

.box-bloque-r ul{
list-style: none;
margin: 0;
padding: 1px 0;
display:block;
text-align:right;
width:140px;
}

.box-bloque-r li{
margin: 0;
padding: 5px 0;
}

.box-bloque-r  a{
color: #000;
float: right;
padding: 5px 0px;
text-decoration: none;
text-transform: lowercase;
float: none;
}

.box-bloque-r  a:hover{
color: #F14133;
}

.box-bloque-r  #current,.box-bloque-r  #current a{
color: #D03C3B;
padding-bottom: 5px;
}

.box-bloque-r  #current2 a{
font-weight:bold;
color: red;
}

.c-midle{
left:50%;
margin:-345px 0 0 -470px;
padding:0;
position:absolute;
top:50%;
width:940px;
background:#fff;
height: 690px;
}

.ci-midle{
left:50%;
margin:-345px 0 0 -470px;
padding:0;
position:absolute;
top:50%;
background:#C5001E;
border: 0px solid #dedede;
width: 940px;
padding: 0;
height: 690px;
}

.box-al-content{
padding: 60px 50px 20px 60px
}

.box-al-content blockquote{
padding: 20px 0px 0px 160px
}

.box-al-content{
padding: 25px 50px 20px 0px;
background: #C5001E none repeat scroll 0 0
}

.box-fp{
width: 744px;
float:left;
padding: 0px;
margin: 0px;
border: 0px solid red;
}

.box-thumbnailfp{
display:block;
width: 248px;
height: 230px;
float:left;
padding: 0px;
margin: 0px;
border: 0px;
}

.box-thumbnailfp img{
border: 0px;
}

.box-bloque-r{
width: auto;
height: auto;
float:right;
padding: 0px 15px 5px 0px;
margin: 0px 5px 5px 0px;
}

#webTitulo{
background: transparent url(img/logo.jpg) no-repeat 7px 0px;
display: block;
height: 60px;
top: 5px;
width: 100px;
float:right;
}

#webTitulo span, #webTituloinicio span{
display:none;
}

#nav-top ul ul li{
border:thin solid #CBCAC1;
background:#F9F9F9;
display:inline;
padding: 2px;
margin: 0 1px;
font-size: 0.8em;
}

#nav-top ul {
margin: 0px;
clear:both;
}

#nav-top span{
text-align:center;
float:left;
display: block;
text-align:center;
padding: 0;
margin: 2px 2px;
border:0px solid #CBCAC1;
height:13px;
font-size: 0.8em;
}

#nav-top {
width:156px;
}

#nav-top-in {
padding-right: 12px
}

#nav-top-in span {
position:relative;
}

/* jquerry*/

#slideshow2 { 
left: 100px; 
top:100px 
}

#slideshow2 img{
border:0px;
}

.pics { 
height: 390px;
width: 700px;
padding:0;
margin:0; 
overflow: hidden 
}

.pics img {
height: 390px; 
width: 700px; 
padding: 15px;  
top:0; 
left:0 
}

#nav { 
width: 300px; 
margin: 15px 
}

#nav li { 
width: 50px; 
float: left;
margin: 8px; 
list-style: none 
}
 
#nav a {
width: 50px; 
padding: 3px; 
display: block; 
border: 1px solid #ccc; 
}

#nav a.activeSlide { 
background: #88f 
}

#nav a:focus { 
outline: none; 
}

#nav img { 
border: none; 
display: block 
}

.hide{
display:none;
}

#caption { 
width: 700px; 
text-align:left; 
color: #000000;
font:  small-caps bold 14px arial
}

/* Container DIV - automatically generated */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* Clip DIV - automatically generated */
/* Container DIV - automatically generated */
/* Clip DIV - automatically generated */
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */

.simply-scroll-list { 
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
	
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
	
.simply-scroll-list li img {
border: none;
display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
/* Clip DIV */
/* Explicitly set height/width of each list item */	


/* Clip DIV */

.simply-scroll { 
	width: 910px;
	height: 110px;
	margin-bottom: 1em;
	left: 20px;
}

.simply-scroll .simply-scroll-clip {
	width: 910px;
	height: 170px;
}

.simply-scroll .simply-scroll-list li {
float: left; /* Horizontal scroll only */
width: 283px;
height: 170px;
}

.bar-image{
float:left;
}