*{

	margin:0px;
	padding:0px;

}

body{

	background:url("../img/cuerpodeg.png") repeat;
	font: ;
	font-family: Verdana,Arial, sans-serif;

}

/*1º encabezado*/

header{
	position:relative;
	background: url("../img/pixverdenew.png") repeat;
	height:30px;
	width: 100%;
	margin:0 auto;


}

#centro{

	position:relative;
	width:1030px;
	margin:0 auto;
	height: 30px;
}

#izquierda >a {

	position:relative;
	list-style: none;
	width: 300px;
	text-decoration:none;
	color:#D4DEE2;
	text-shadow: 0 1px 0 #343434;
	font-size: 11px;
	padding:3px;
	margin-top: 10px;
	
}


#izquierda >img{

	position:relative;
	margin-top: 10px;


}

#izquierda a:hover{
	
	text-decoration: underline;


}

#botonera {

	position:relative;
	float:left;
	padding:5px;
	margin-left: 835px;
	top:-30px;
}




#botonera p a{
		
	background: url("../img/social3.png");
	width: 30px;
	height: 30px;
	display:inline-block;
	text-indent: -9000px;	
	
}

#botonera .twitter{

	background-position: 160px -0px;
}

#botonera .twitter:hover{

	background-position: 160px -32px;
}

#botonera .facebook{

	background-position: 128px -0px;
}

#botonera .facebook:hover{

	background-position: 128px -32px;
}

#botonera .linkedin{

	background-position: 96px -0px;
}

#botonera .linkedin:hover{

	background-position: 96px -32px;


}

#botonera .youtube{

	background-position:64px -0px;
}

#botonera .youtube:hover{

	background-position: 64px -32px;
}


#botonera .google{

	background-position: 32px  -0px;
}

#botonera .google:hover{

	background-position: 32px -32px;
}








/*fin 1º cabecera*/

/* 2º encabezado*/

#linea{

	position:relative;
	margin: 0 auto;
	top:15px;
	width:1030px;
	height: 40px;


}

#logo{
	margin-right: 20px;
	position:absolute;
	
}





#menu {
	position:absolute;
	right:0px;
	top: 62px;
	font-size:12px;
	font-family:Helvetica;
	

}

#menu ul > li{

	float:left;
	position:relative;
	list-style: none;
	text-align: center;
	margin-top: 5px;
	margin-left: 0px;
	

}

#menu ul li a{

	text-decoration:none;
	color:#5d605d;
	text-shadow: 0 1px 0 #343434;
	float:left;
	
}

#menu ul li a:hover{

	color:#003C00;
	

}

/* fin 2º encabezado*/



/*cuerpo central*/

#wrapper{

	position:relative;
	width: 1030px;
	margin:0 auto;
	top:60px;
	background: url("../img/pixverdenew.png") repeat;
	

}


.blanca{

	width: 1030px;
	height:3px;
	position:relative;
	margin:0 auto;
	background: white;

}



#central{

	position:relative;
	background:white;
	width:1030px;
	overflow:hidden;
	
	background: url("../img/pixverdenew.png") repeat;
	
}


#navegacion{

	background:url("../img/pixverdenew.png") repeat-x;
	width:1029px;
	height:45px;
	border-radius: 10px 10px 0px 0px; 
	font-size:14px;
	font-family:Helvetica;
	box-shadow: 1px 1px 1px #5B748A;
	

}

#navegacion ul  li{

	float:left;
	position:relative;
	list-style: none;
	text-align: center;
	margin-top: 0px;
	padding-right: 5px;

	

}

#navegacion ul a{

	color:#D4DEE2;
	/*text-shadow: 0 1px 0 #343434;*/
	display:block;
	padding:5px 1px 15px 8px;
	margin-left:3px;
	text-align:left;
	text-decoration: none;
	font-size: 11px;
	margin-top: 10px;
	cursor:none;

}


#navegacion ul li:hover{


	border-radius: 5px 5px 0px 0px;
	border-bottom: 0px;
	background:#009400;
	/*text-decoration: underline;*/
	color:#D4DEE2;


}


#navegacion img{

	padding-left: 3px;
	border:0px;
}



#navegacion ul li ul{

	display: none;
	position:absolute;
	min-width:230px;
	float:none;
	top:35px;
	background:#009400;
	z-index:9999;
	border:0px;
	border-radius: 0px 5px 5px 5px;	
	
}




#navegacion li:hover ul{

	display: block;
	border-radius: 0px 10px 10px 10px; 
	background:#009400;
	width: 210px;
	
}

#navegacion li:hover ul li a{

	
	
    display: block;
  	border-radius:0px; 
  	min-width: 180px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:8px 7px 15px 7px;
	cursor:pointer;

	
}
	


#navegacion ul li ul li a:hover{

	background:#00BB00;
	
}


.bordebajo{

	border-bottom: solid 2px #D4DEE2;

}


#article{

	float:left;
	width:720px;
	background: white;
	font-size: 12px;
	

}

#article p{

	margin:10px 30px;

}



h1{

	font-size: 18px;
	color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    margin: 40px 30px 10px 30px;
}

h2{

	font-size: 16px;
	color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    margin: 20px 30px 10px 30px;
}


.you{
	margin-left: 10px;
	margin-top: 13px;
	
}





.noticia{

	text-align: justify;
	font-size: 1.2em;
    line-height: 1.4em;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    float:left;
}

.noticia p{

	margin: 30px;
	text-transform: justify;
	
}

.noticia ul{
	
	width: 600px;
	padding-left: 130px;
	list-style-type:none;
	margin:15px 5px 30px 5px;

}




.noticia .simbol ul {

	list-style-type:disc; 
	width:550px;
}

.noticia p .centro{

	margin:50px;
	
}

.ajuste{

	margin-top: 50px;
	margin-bottom: 50px;
}



.noticia img{
	
	
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
	

}


.centro{

	margin-left: 200px;
}



.grande{

	margin-top: 30px;
	margin-bottom:30px;

}

.reducida{
	
	width:250px;

}

.derecha{

	margin-left: 15px;
}

.noticia li img{

	width:12px;
}

/*
.noticia ul li {
	background: url('../img/miniicono.png') 0 1px no-repeat; 
    background-image:12px;
    padding-left: 28px;
	padding-top:0px; 
  }
  */




#espacio{
	float:left;
	height: 70px;
	overflow:hidden;
	background:url("../img/pixblanco.png") repeat;

}




/*fin cuerpo central*/










/*barra de la derecha*/


aside{


	float:left;
	background:url("../img/pixverdenew.png") repeat;
	width:310px;
}



.acordeon {

  	  width: 304px;
      margin: 0px 4px;
      height:480px;
      overflow:hidden;
}


.acordeon div {

      height: 28px;
      overflow: hidden;
      outline: 0 none;
      background-color: #00BB00;
      border-radius: 5px;
     -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }


.acordeon span {
      line-height: 20px;
      display: block;
      border-bottom: 1px solid rgba(0,0,0, 0.2);
      border-top: 1px solid rgba(255,255,255, 0.2);
      padding: 3px 5px 3px 10px;
      background: #303030;
      color: #D4DEE2;
	  text-shadow: 0 1px 0 #343434;
      border-radius: 0px;
      z-index: 1;
      font-size: 11px;
    }

    .acordeon span img {
      float: right;
      margin-right: 5px;
      margin-top: 3px;
    }

    .acordeon p {
      padding: 5px;
      font-size: 10px;
      display: block;
      border-radius: 5px;
     
    }

    .acordeon .uno:hover{

      cursor:pointer;

    }
     .acordeon .dos:hover{

      cursor:pointer;

    }
 	.acordeon .tres:hover{

      cursor:pointer;

    }

    .acordeon .cuatro:hover{

      cursor:pointer;

    }


   	 .acordeon .uno:hover{  
      overflow: visible;
      height: 400px;

      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }
    .acordeon .dos:hover {  
      overflow: visible;
      height: 400px;

      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    } 
    .acordeon .tres:hover {  
      overflow: visible;
      height: 400px;

      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }

     .acordeon .cuatro:hover {  
      overflow: visible;
      height: 400px;

      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }

#uno {

	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	height: 200px;

}


#dos{

	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	height: 200px;
}

#tres{

	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	height:250px;

}






.imgacordeon{
	
	width:280px;
	height:120px;
	margin-left: 10px;

	}

.imgacordeon1{
	
	margin-left: 30px;

	}


#youtube{
	
	position:relative;
	float:left;
	margin-left:5px;
	color:white;
	text-align: center;
	text-transform: bold;
	background: #303030; 
	padding:10px 0px;
}

#botonesred{

	position:relative;
	float:left;
	padding:15px 36px;
	background-color: #303030;
	color:white;
	text-align: center;
	text-transform: bold;
	

}



#botonesred a{
	margin:4px;
	background: url("../img/social4.png");
	width: 64px;
	height: 64px;
	display:inline-block;
	text-indent: -9000px;
	background-color: #303030;
		
	
}



#botonesred .facebook2{

	background-position: 192px -64px;
}



#botonesred .facebook2:hover{

	background-position: 192px -128px;


}

#botonesred .twitter2{

	background-position: 128px -64px;
}


#botonesred .twitter2:hover{

	background-position: 128px -128px;
}

#botonesred .google2{

	background-position: 64px -64px;


}

#botonesred .google2:hover{

	background-position: 64px -128px;

	
}



#tabs{

margin: 0px 5px;
background: white;

}

#tabs-1{

	display: none;
	height:600px;
	overflow: hidden;

}


#tabs-1:target{

	display: inline;
	height:600px;
	overflow: hidden;


	
}
#tabs-2{
	display: none;
	width:298px;
	background: #303030;
	height:600px;
	overflow: hidden;


}

#tabs-2:target{
	display: inline;
	width:298px;
	background-color: #303030;
	
	

}


#tabs-3{
	display: none;
	width:300px;
	background: #303030;
	


}

#tabs-3:target{
	display: inline;
	width:300px;
	background-color: #303030;
	

}


/*pie del documento*/


footer{
	
   	position:relative;
	background:url("../img/pixverdenew.png") repeat;
	width:1030px;
	margin: 0 auto;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 5px;
	height: 325px;


}


/*ACORDEON HORIZONTAL*/

.horizontalaccordion{
	position: absolute;
	top:60px;
	margin-left:18px; 
	width:700px;
	border:solid 2px white;
	border-radius: 3px;
	float:left;
	overflow:hidden;
}

.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    height: 170px;
   
}
 
.horizontalaccordion>ul>li {
    display:block;
    overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;
    width:30px;
    height: 170px;
 
    /* Decorative CSS */
    background: opacity=100%;
    
    transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
}
 
.horizontalaccordion>ul>li>h3 {
    display:block;
    float:left;
    margin: 1px;
    padding:10px;
    height:15px;
    width:520px;
   font-size: 9px;

 
    /* Decorative CSS */
    border-left:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: white;
    background:#303030;
 
    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform: rotate(90.0deg) translate(-40px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-40px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"; /* IE8 */
 
}
 
.horizontalaccordion>ul>li>div {
    display:none;
    float:left;
    overflow: auto;
    position:relative;
    top:-40px;
    left:40px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:520px;
    height:280px;
    padding:10px;
}

.horizontalaccordion>ul li a{
	
	text-decoration: none;
	color:white;
	font-size:12px;

}

.horizontalaccordion>ul li a:hover{
	
	text-decoration: none;
	color:white;
	font-size:12px;
	 color:#2709ed;

}


.horizontalaccordion>ul>li:hover {
    overflow: hidden;
    width: 520px;
    
}



 
.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}
 
.horizontalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
   
   }
 
.horizontalaccordion>ul>li>h3:hover {
        cursor:pointer;

}


/* FIN ACORDEON HORIZONTAL */

/*slider fondo*/

#sliderfondo {
    width: 488px; /* important to be same as image width */
    height: 168px; /* important to be same as image height */
	overflow: hidden; /* important */
	margin-left: 10px;
	position:relative;

  
}
#sliderContent {
    width: 400px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;

}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 200px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;

	
}

.mp img{

	width:30px;
	height:30px;
	float:left;
	margin-left: 25px;
	margin-top: 12px;
	margin-right: 5px;
	
}

.mp p{
	margin-left:10px;
	padding: 17px;
	color:white;
	font-size: 12px;
}

#qr img{
	position:absolute;
	width:170px;
	height:170px;
	margin:15px 780px;
	float:left;

}

#direccion{
	margin-left: 400px;
	color:white;
	position:absolute;
	margin-top: 200px;
	font-size: 11px;
	text-align: center;

}


.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/* fin pie del documento*/




#informacion{
width: 1030px;
position:relative;
margin:0 auto;
background:url("../img/cuerpodeg.png") repeat;
text-align: center;
left:380px;
}




#informacion li{
	margin:0 auto;
	list-style: none;
	float:left;
	font-size: 9px;
	padding:0px 5px;

}