/* CSS Document */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body{
	background-color:#6E371E;
	color:#855535;
	font:0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	text-decoration: none;
	background-image: url(../../images/bkg_body.gif);
	background-repeat: repeat;
}
a, a:link{ color:#855535; text-decoration:none;}
a:hover, a:active, a:visited{ color:#855535; text-decoration:underline;}
H1{ color:#1EA080; font-size:150%;}
H2{ color:#1EA080;font-size:120%;}
H3{}
p{}
img {border:none;}
#wrapperall{
 position: absolute;
                left: 40%;
                top: 30%;
                width: 400px;
               
                margin: -100px;
                margin-left: -150px; 
	
	padding: 10px;
	
	/* opera does not like 'margin:20px auto' */
	
	text-align:left; 
	/* part 2 of 2 centering hack */
	width: 450px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 463px;
	}
html>body #wrapperall {
	width: 463px; /* ie5win fudge ends */
	}
#wrapper{background:#BA222E;	border: 1px dashed #000; width: 350px; float:left;}

#header{ height:10px; margin:0;padding:20px;background-color:#BA222E; text-align:center;  }
#content{ padding:20px; background-color:#BA222E;
min-height:150px; /* for modern browsers */
height:auto !important; /* for modern browsers */
_height:150px; /* for IE5.x and IE6 */
margin:0;
 }
#footer{
	background-color:#BA222E;
	height:10px;
	color:#F5EDD7;
	margin:0;
	line-height: 10px;
	text-align:center;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#footer a,#footer a:link{ color:#F5EDD7; text-decoration:none;}
#footer a:hover,#footer a:active,#footer a:visited{ color:#F5EDD7; text-decoration:underline;}
#tijera{
	background-image: url(../../images/cut.gif);
	float:right;
	background-repeat: no-repeat;
	width: 50px;
	height:260px;
	background-position: center;
}
.left{ float:left; width:200px; }
.right{ float:left; width:400px; }
.items{	width:100%;}
/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;height: 30px; background: url(images/accordion_toggle.jpg) no-repeat top right #BA222E;
			padding: 0 10px 0 10px;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 100%	;
			color: #F5EDD7;
			cursor: pointer;
			margin: 0 ;
		}
		
		.accordion_toggle:hover { color: #F5EDD7; font-size:150%;} 
		.accordion_toggle_active {
	color: #855535;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #F5EDD7;
	background-image: url(images/accordion_toggle_active.jpg);
	background-repeat: no-repeat;
	background-position: right top;
				}
				.accordion_toggle_active:hover {
	color: #6E371E;					}
		
		.accordion_content {background-color:#F5EDD7;	color: #6E371E;	overflow: hidden; width:100%;}
		.accordion_content img{	border: 5px solid #6E371E; margin:5px;}
		.accordion_content h2 {	margin: 15px 0 5px 10px;	color: #6E371E}			
		.accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}
		.accordion_content a, .accordion_content a:hover, .accordion_content a:visited  {color:#6E371E}
		.vertical_accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #483F1F;
	cursor: pointer;
	margin: 0;
	background-color: #F5EDD7;
	background-image: url(images/accordion_toggle.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}

		.vertical_accordion_toggle_active {
	color:  #F3E3A5;
	background-color: #F5EDD7;
	background-image: url(images/accordion_toggle_active.jpg);
	background-repeat: no-repeat;
	background-position: right top;
					}

		.vertical_accordion_content {background-color: #F5EDD7; color: #F3E3A5; overflow: hidden;	}
		.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #EDB329	}
		.vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}
  			
		/*
			
    /* Container styling*/
  
 #vertical_container {
        width: 100%;
    }


/* barra fija de contacto*/

.twrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
.contact, .push {
	height: -4em; /* .push must be the same height as .footer */
	
}
.contact{ opacity:0.5;color: #F3E3A5; position:absolute;
  bottom:0;
  left:0;
  width:100%; text-align:right
}
@media screen{
  body>div.contact{
   position: fixed }

  }
  * html body{
  overflow:hidden;
 } 
 * html div.twapper{
  height:100%;
  }
  
  /******************************HOME*************************************/
.tarjeta { width: 150px; height:228px; background:#F3EADC; border:1px dotted #855535; float:left; margin-left:10px; margin-bottom:10px; padding: 20px 0 0 20px; color:#855535; font-size:16px}
.tarjeta  a,.tarjeta  a:visited{ padding: 20px 25px 0 0x ; color:#855535; font-size:16px;text-decoration:none; line-height:25px}
.tarjeta  a:hover{ padding: 20px 25px 0 0px  ; color:#855535; font-size:16px;text-decoration:none; line-height:25px;background: url(../../images/home_next.png) no-repeat  right 20px;}
.tarjeton { width:680px; height:460px; background:#F3EADC; border:1px dotted #855535; float:left; margin-left:10px; margin-bottom:10px; padding: 20px 0 0 20px; color:#855535; font-size:16px}
#cabecera{width:680px; margin:0; clear:both; float:left}
#sidebar{width:150px; padding:0; float:left}
ul#menu  { width:150px;  padding:0;margin-top:40px}
ul#menu li {  list-style:none; font-weight:bold;}
ul#menu li a { text-decoration:none; list-style:none;}
ul#menu li ul li { display:block; font-size:11px; width:100px; height:30px; text-align:left; line-height:30px; color:#855535;text-decoration:none;  padding-left:10px }
ul#menu li ul li a {display:block; font-size:11px; width:100px; height:30px; text-align:left; line-height:30px; color:#855535;text-decoration:none;  padding-left:10px }
ul#menu li ul li:hover a{display:block; font-size:11px; width:100px; height:30px; text-align:left; line-height:30px; color:#FFF; background:#855535; text-decoration:none;  padding-left:10px }
ul#menu li ul li.current a{display:block; font-size:11px; width:100px; height:30px; text-align:left; line-height:30px; color:#FFF; background:#855535 url(../../images/but_next_hover.png) no-repeat 80px 5px; text-decoration:none;  padding-left:10px }
/* slides styling */

.photo {width:500px; text-align:left;  margin:0; float:left}

.photo ul.topic {padding:0; margin:0; list-style:none; width:500px; height:auto; position:relative; z-index:10;}

.photo ul.topic li { width:125px; height:31px;top:100px}
.photo ul.topic li a.set {display:block; font-size:11px; width:150px; height:30px; text-align:left; line-height:30px; color:#855535;text-decoration:none;  padding-left:10px }

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#FFAE20; background:#855535; }

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#FFAE20; background:#855535; }



/**/
#grafico .photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:-160px;list-style:none; padding:0; margin:0; height:375px; background:#855535; width:464px; padding:20px ; z-index:1; margin-left:150px;color:#FFAE20;}

#grafico .photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:-160px; list-style:none; padding:0; margin: 0; height:35px; background:#855535; width:464px; padding:20px ; z-index:100;margin-left:150px;color:#FFAE20;}
/**/
#audiovisual .photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:-200px;list-style:none; padding:0; margin:0; height:375px; background:#855535; width:464px; padding:20px ;  z-index:1; margin-left:150px;color:#FFAE20;}

#audiovisual .photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:-200px; list-style:none; padding:0; margin:0; height:375px; background:#855535; width:464px; padding:20px ; z-index:100;margin-left:150px;color:#FFAE20;}
/**/
/**/
#web .photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:-180px;list-style:none; padding:0; margin:0; height:375px; background:#855535; width:464px; padding:20px ;  z-index:1; margin-left:150px;color:#FFAE20;}

#web .photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:-180px; list-style:none; padding:0; margin:0; height:375px; background:#855535; width:464px; padding:20px ; z-index:100;margin-left:150px;color:#FFAE20;}
/**/
.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#855535; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:300px; height:250px; border-color:#fff;}

/*************************SLIDE************************************************/
#SLIDE{}
#SLIDE img{ width:300px; height:270px}