/*LAYOUT*/

#container {overflow: hidden;}
#header {border-bottom:1px solid #DDDDDD;} 
#img_logo{padding: 22px 0 5px 0; width:166px; height:87px;}
#secondary1, #secondary2, #secondary3 {padding: 20px 0 55px 0;}
#secondary_footer3{padding: 0 10px 0 40px; border-left:1px dashed #CCCCCC;}
#footer {border-top:1px dashed #777; padding: 10px 0 35px 0; background-color:#F6F5F5;}
#footer-bottom{
	background-color:#F6F5F5;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	line-height:1.3em;
	color: #A05050;
	padding: 5px 0 5px 0px;
	}

/*ELEMENTS*/

body {
color:#313131;
font-family:helvetica,arial,sans-serif;
font-size:12px;
line-height:1.6em;
}

blockquote {
margin:15px 0px;
color:#555;
padding: 0px 0px 0px 30px;
background: transparent url(../img/design/blockquote.png) no-repeat 0 0;
}

.strong{font-weight:bold;}

/* ENLACES */

a {
color:#555;
background-color: inherit;
text-decoration: none;
outline:none;
}

 a:focus,
 a:hover,
 a:active {color:#581A0B; text-decoration:none; outline:none;}	
´
.pie a {border-bottom:1px dotted blue;color:#333333;}

h2{
color:#84050E;
font-family:helvetica,arial,sans-serif;
font-size:15px;
line-height:1.6em;
border-bottom: 1px solid #DDDDDD;
}

h3{color: #581A0B;}
h4{color: #666666; font-weight: bold;}

/*REVIEWS*/
.cover {background: #FFF; border: 1px solid #888;padding: 0px;}

.review-container {
	width: 300px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
    height: 87px;
	border-bottom: 1px solid #DDDDDD;
}
.review-details {margin-left: 100px;}
.review-cover {	width: 90px;padding: 0px;float: left;}

.review-container-big {
	width: 100%;
	margin: 5px 20px 6px 0px;
	padding: 6px 0px 6px 0px;
    height: 112px;
	border-bottom: 1px dashed #AAA;
	border-top: 1px dashed #AAA;
}
.review-details-big {margin-left: 100px;}
.review-cover-big {	width: 122px;padding: 0px;float: left;}

.review-info {
	width: 100%;
	margin: 0px;
	padding: 5px 0px 5px 0px;
    height: 87px;
	border-bottom: 1px solid #DDDDDD;
}

.review-pie, .article-pie{padding: 30px 0 75px 0; text-align:right;}
.article-pie .label4, .review-pie .label4 {color:#444444;font-weight: bold;}
.filter{padding: 4px 0px 0px 0px;text-align: right;}
#review { width: 575px; padding-top: 19px;}
#review-content{text-align:justify; min-height: 150px;}
.review-desc{padding: 5px 0px 5px 0px; height: 87px; border-bottom: 1px dotted #DDDDDD; width: 100%;}

/*ARTICLES*/

#articles{width: 233px; padding-left: 8px;}
#articles-photo{width: 233px;}
#article{width: 575px;}
#article-content{text-align:justify; padding: 3px 0px 0px 0px; min-height: 98px;}
.article {
	width: 233px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
    height: 87px;
	border-bottom: 1px solid #DDDDDD;
}
.article-container {
	position: relative;
    overflow: hidden;
}

.article-container-big {
	padding: 6px 0px 0px 0px;
    height: 94px;
	width: 232px;
	border-bottom: 1px dotted #AAA;
	float: left;
	margin-right: 25px;
	}

.article-container a {
  text-decoration: none;
}

#articles-list{margin: 0px 0px 0px 20px; width: 301px;}
.article-review{margin: 4px 0 5px 0; text-align: justify;}
.article-details_1 {margin-left:195px;}
.article-details_0 {margin-left:100px;}
.article-position {
	width:85px;
	height:85px; 
	padding:0px; 
	margin: 0 7px 0 0;
	float:left;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	border: 1px dotted #AAA;
	}
.article-position p {padding-top: 32px;}	
.article-cover {width:90px; padding:0px; float:left;}
.cierre{padding: 5px 0 8px 0; border-bottom: 1px solid #DDD;}

/*CONTACTO*/
#contact{width: 300px;}

/*PORTADA*/

#portada{margin: 0px 0px 7px 0px; height: 284px;}
#portada-container{padding: 5px 0px 5px 0px;}
#portada-container .details {padding-top: 5px;}
#portada-container h3 {padding-top: 5px;}
.align-1{vertical-align:text-top; padding-right: 1px;}
.align-2{vertical-align:text-top; padding: 0 2px 0 7px;}
.align-3{vertical-align:sub;padding-right: 3px;}

/*DESTACADOS*/

#destacados {padding-top: 18px;}
#destacados-container{padding: 5px 0px 0px 0px;border-bottom: 1px solid #DDDDDD;}
.nota{padding: 10px 0px 0px 0px; margin:0px; display:block;}

/*MENU*/

#menu ul {
	margin: 0;
	padding: 85px 0 15px 0;
	list-style-type:none;
	float: right;
	left: 0;
}
#menu ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}
#menu ul li a {
	color: #000;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 110px 13px 16px 13px;
}
#menu ul li a:hover, #menu ul li a.current {
	color: #000;
	text-decoration: none;
	border-bottom: 2px #CA291B solid;
	background: url(../img/design/diagonal.gif) repeat;
}

/*SIDEBAR*/

.sidebar{padding-bottom: 25px;}
.sidebar p {border-bottom: 1px dashed #DDD;}
.arrow{vertical-align:middle; padding-left: 2px;}

/*FOOTER*/

#footer a{
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	color:#666; 
	background-color: inherit;
	text-decoration: none;
	outline:none;
}

#footer a:focus,#footer a:hover,#footer a:active {color:#333; text-decoration:none; outline:none;}	
#footer-bottom a {color: #222;}
#footer-bottom a:focus,#footer-bottom a:hover,#footer-bottom a:active {text-decoration:underline; outline:none;}
#secondary_footer3 li {font-size:10px;} 


/*FONTS*/

.label1{
color:#515151;
font-family:helvetica,arial,sans-serif;
font-size:12px;
line-height:1.3em;
font-weight:bold;
}

.label2{
color:#313131;
font-family:helvetica,arial,sans-serif;
font-size:12px;
line-height:1.3em;
}

.label3{
color:#D24D20;
font-family:helvetica,arial,sans-serif;
font-size:11px;
line-height:1.5em;
}

.label4{
color:#C91000;
font-family:helvetica,arial,sans-serif;
font-size:11px;
line-height:1.5em;
}

.pie {padding-top: 24px;}

/*COMENTARIOS*/

.comentario {
 	padding: 2px 10px 10px 10px;  
	margin-bottom: 30px;
	border-top: 2px solid #CCCCCC;
	color: #444;
	text-align: justify;
}

.comentario_little {
 	padding: 2px 10px 2px 10px;  
	margin-bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	text-align: justify;
}

.comentario_little a{color:#555;text-decoration: none;outline:none;}
.comentario_little a:focus,.comentario a:hover,.comentario a:active {color:#000; text-decoration:none; outline:none;}	

.bck_a{background: #F6F5F5;}
.bck_b{background: #FFFFFF;}
.bck_c{background: #EAEAEA;}

#formulario{border-bottom: 1px solid #CCCCCC;}
#formulario-top{border-top: 2px dashed #999; padding-top: 5px;}
.comentario p:first-child,  .comentario_little p:first-child{border-bottom: 1px dashed #BBBBBB;}

.error{color:red;}
#searchform .error {padding-top: 4px;}
#searchform input.error {background-color: #FFF;}
input.error,textarea.error {background-color:#EEE;}

form {
	padding: 10px 0px 10px 0px;   
}
label {
	margin:0px 5px 0px 0px;
	font-size: 12px;
	width: 100%;
	display:block;
	font-weight:bold;
}
textarea {
	width: 270px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height:120px;
	display:block;		
	color:#616161;
	font: normal 11px Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	margin-top: 3px;
}
.input_contact {
	margin: 2px 0px 2px 0px;	
	padding: 3px;
	border: 1px solid #CCCCCC;
	font: normal 11px Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	color: #666666;
}
input {
	padding: 2px;
	border: 1px solid #EFEFEF;
	font: normal 11px Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	color: #666666;
}
.input_button { 
	margin: 0; 
	font: 11px Arial, Sans-serif; 
	padding: 2px; 	
	background: #CA291B;
	color: #FFF;
	cursor: pointer;
	text-transform:uppercase;
	font-weight: bold;
}

.hidden{display:none;}

/*FORMULARIO BUSQUEDA*/

.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 5px 0 20px 11px;		
	font: normal 1.0em/1.0em 'Trebuchet MS', Sans-serif;  
	text-align: left;
}
.searchform p { margin: 0; padding: 0;}
.searchform input.textbox  { 
	width: 273px;
	color: #6C6E3A; 
	height: 15px;
	padding: 2px;
	margin-bottom: 2px;	
	border-color: #CCC;
}

/* LISTADOS */

.pagination {font-size: 85%;width: 100%;padding: 10px 0px 35px 0px;}
.pagination a {text-decoration: none;border: solid 1px #888;color: #888;}
.pagination a:hover {
    text-decoration: none;
	border: solid 1px #555;
	color: #FFF;
	background: #CA291B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 1px 3px 1px 3px;
    margin-right: 6px;
}

.pagination .current { background: #CA291B;color: #fff;border: solid 1px #555;}
#tags{margin: 0px 0 0 8px; width: 233px;}

/*JQUERY SLIDINGBOX*/

h5{ 
margin: 4px 0px 0 0px;
color:#AAA;
font-size:12pt;
font-weight: bold;
text-align: center;
}
			
.boxgrid{ 
width: 230px; 
height: 85px; 
margin: 0px; 
float:left; 
background:#161613; 
border: solid 1px #888888; 
overflow: hidden; 
position: relative;
}

.boxgrid a{color: #999999;}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p {padding-left:7px; color: #CCC;}
.boxgrid p:first-child {padding-top: 10px;}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .7; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.caption .boxcaption {top:60px;left: 0px;}	

/*JQUERY SLIDER*/

div.scrollable {position:relative; overflow:hidden; width: 300px; height:77px;} 
div.scrollable div.items {width:1000em;position:absolute;}

div.scrollable_vertical {position:relative; overflow:hidden; height: 392px; width: 300px;} 
div.scrollable_vertical div.items {position:absolute; height:1000em;}

.disabled{visibility:hidden;}
.prevPage, .nextPage {cursor: pointer;} 

/*JQUERY TOOLTIP*/
 
.tipsy {padding: 4px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner {padding: 0px 4px; background-color: black; color: #FFFFFF; max-width: 175px; min-height: 25px;}
.tipsy-north {background-image: url(../img/design/tipsy-north.gif); background-position: top center; }
.tipsy-orange{color: #C91000;}