@charset "utf-8";
/* CSS Document */


/*---------ESTRUCTURA DE LA WEB------------------*/
/** {
	margin: 0;
	padding: 0;
}

html {
    position: relative;
    min-height: 100%;
	zoom:95%;
}*/

#wrapper {
width: 100%;
margin-top: 0px;
alignment-adjust:central;
}

html{
	min-width: 100%;	
	zoom:95%;
}


#container {
	        width:100%;
			height:110px; /* altura de cabecera negra junto con vspace del table */
            background-color:#000000;
			position:absolute;
			top:0;
			left:0;
	
			 }
			 
#header {
   margin-left:auto;
   margin-right:auto;
   max-width:1024px;
   max-height:110px;
			}

#contenido	{
			
			position: relative;
			alignment-adjust: central;
			margin: 0 auto;
            width: 1024px;
			top:150px;
			
			 }

#barra		{
			width:100%;
			height:20px; 
            background-color:#50555a;
			position:absolute;
			top:110px;
			}
			
#news		{
			width:1024; 
            background-color:#50555a;
			position:absolute;
			text-align:left;
			padding:7px;
	
			
	
			}

#gmaps		{
			width:512px;
			height:300px; 
			position:relative;
			}

#footer		{
			width:100%;
			height:auto;
			background-color:#000;
			text-align:center;
			position:relative;
			margin-top: 10%;
			margin-bottom: 0;
			margin-left:0;
			vertical-align:bottom;
			bottom: 0;
			float:left;

			
			}
			
#footer2		{
			width:100%;
			height:40px;
			background-color:#000;
			text-align:center;
			
			position:fixed;
			bottom: 0;
	
			}
			


/*----------TEXTOS------------------*/

.text_titol {
			font-family:Arial, Helvetica, sans-serif;
			font-size:17px;
			color:#FFFFFF;
			font-style:normal;
			font-weight:bold;
			}
			
			.text_titol2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size:17px;
				color:#FFFFFF;
				font-style: normal;
				font-weight:bold;
				
				
			}
			
			.text_titol3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size:17px;
				color:#1c6cf7;
				font-style: normal;
				font-weight:lighter;
			}
			
			.text_titol4 {
				font-family: Arial, Helvetica, sans-serif;
				font-size:17px;
				color:#FFFFFF;
				font-style: normal;
				font-weight:bold;
				margin-left: 10px;
				margin-top: 10px;
				
			}
			.titol_fecha {
				font-family: Arial, Helvetica, sans-serif;
				font-size:17px;
				color:#FFFFFF;
				font-style: normal;
				font-weight:bold;
			
				
			}

			
.text_menu {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#fff;
			font-style: normal;
			font-weight:lighter;

			}

.text_home {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#cfcece;
			font-style:normal;
			font-weight:lighter;
			text-align:justify;

			}
.text_news {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#cfcece;
			font-style:normal;
			font-weight:lighter;
			

			}

.text_aca ul {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#cfcece;
			font-style:normal;
			font-weight:lighter;
			text-align:justify;
			margin-left: 10px;

			}
			
.text_aca li{
		
			float:left;
	
			}


.text_home2 {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#fff;
			font-style:normal;
			font-weight:lighter;
			text-align:justify;

			}
			
			
.text_link {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			color:#1c6cf7; /*1c6cf7*/
			font-style: normal;
			font-weight:lighter;

			}

.text_link2 {
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:17px;
			color:#1c6cf7;
			font-style:normal;
			font-weight:bold;

			}

.text_footer {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#cfcece;
	
			}

.text_footer2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#1c6cf7;
	
			}

/*----------------------nav*/

menu{
border:none;
border:0px;
/*bottom:0px;
margin:0px;
padding:0px;*/
font: .5% "Arial", Arial;
font-size:14px;
font-weight:bold;
display:block;
position: absolute;
bottom:0px;

}
  
  
.menu ul{
background:#000000;
height:30px;
list-style:none;
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
.menu li{
float:right;
padding:0px;
}
.menu li a{
background:#4b545c url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat; /*333333*/
color:#cccccc;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 23px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #1c6cf7 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat; /*2580a2*/
color:#FFFFFF;   
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;

}
.menu li li {
background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;

}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}


/*--------------------------navvvv fin*/


/*--------------------------Imges Hover Effect*/

.boxgrid{  
    width: 338px;  
    height: 200px;  
    margin:3px;
	margin-left:0;
    float:left;  
    background:#161613; 
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
} 

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

.navigation-toggle{
	display:none;
  }

/*--------------------------Imges Hover Effect---FIN*/

/*--------------------------Responsive Design Mobiles---FIN*/


#tabla{
   margin-top:20px;
   margin-bottom:100px;
   margin-left:auto;
   margin-right:auto;
   max-width:1024px;
   min-height:50px;
}

#t2{
	margin-right: 20px;
	float: left;
}

#tabla2{
	margin-top:10%;
   margin-left:auto;
   margin-right:auto;
   max-width:1024px;
   height:auto;
   padding: 10px;
   position: relative;
   
}

#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8 { 
	
	margin-bottom: 10px;
	float:left;
}

#i8 {

	margin-bottom: 30px;	
}

#c1, #c2, #c3 {

	margin-bottom: 40px;	
}

#m1 {
	
	margin-bottom: 40px;
		
}

#l1 {
	max-width: 40%;	
	float: left;
	margin-right: 10%;
}

#l2 {
	
	max-width: 40%;
	float:left;
}

.myform {
	
	margin: 0 0 0 0;
}

.myform label {
	display: block;
	float:left;
	margin-right: 15%;
	width: 10%;
}

.myform input {
	display: block;
	margin-bottom: 5px;
}

.myform input[type="submit"] {
	
	margin-top: 20px;
	float:right;
}

#h1{
	float:left;
	bottom:0px;
}

#h2 {
	height: 78px;
}


@media screen and (max-width: 760px) {

#tabla2 {

	margin-top: 17%;	
}
	
#h2 {
	
	height: 50px;	
}

#tabla img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#tabla2 img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#l1, #l2 {
	max-width: 45%;
	margin-bottom: 40px;
}

#map_canvas {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8{
	
	margin-right:20px;
	
}
	
}

@media screen and (max-width: 480px) {
	
.ei-slider {
	display:none;
}

#tabla{
	
	margin-top: 50px;
	margin-right:3%;
	margin-left: 3%;
	margin-bottom: 10px;
}

#tabla2{
	
	margin-top: 35%;
	margin-right:3%;
	margin-left: 3%;
	margin-bottom: 50px;
}

#t2{
	margin-bottom: 20px;
}


.menu{
  width: 100%;
  left: -0em; 
  position: absolute;
  overflow: hidden;
  display: block;
  height: 10000%;
  display:none;
  background-color:#000;
  z-index:100;
  /*opacity: 0.8;
  filter: alpha(opacity=80);*/
}

.menu ul{
	
	width: 100%;
}

.menu li{
	
	  display:inline-block;
	  width:100%;
	  margin-top:1px;
	  
}

.navigation-toggle {
  display: block;
  width: 48px;
  height: 45px;
  position: absolute;
  right: 0px;
  background-image:url(imagenes/menu.jpg);
  bottom:5px;
  
}

#tabla img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#tabla2 img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#h1 img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#footer {
	
	margin-top: 30px;
}

#l1, #l2 {
	max-width: 100%;
	margin-bottom: 40px;
}

#map_canvas {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#h2 {

	height:110px;	
}

.text_menu, .text_titol, .text_titol2, .text_titol3 {
	
	font-size:20px;
}

.text_fecha,  .text_titol4, .text_aca ul, .titol_fecha {
		font-size:18px;
}

.text_news, .text_home {
	
	font-size:16px;	
}

#footer, #footer2 {
	display:none;	
}

#news{
	
	margin-bottom: 30px;
}

.text_link2 {
	display:none;	
}

#c1, #m2 {
	display:none;
}