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

/*@font-face{
	font-family:BankGothic;
	src: url("http://www.eibarvertical.es/wsb6930834401/css/BankGthd.ttf");
}*/

body{
	font-family:Arial, Helvetica, sans-serif;	
	margin:0px;
	text-align: center; 
	
	background-image:url('../imagenes/fondo.jpg');
	color:#C3C3C3;
}

img
{
  border:0;
}

a{
	color:#ffffff;
	text-decoration:none;	
}
a:active{
	color:#ffffff;
	text-decoration:none;
}
a:visited{
	color:#ffffff;
	text-decoration:none;
}

.todo
{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

/*------------------------  CABECERA    ------------------------------------- */
 
.cabecera{		
	margin-top:0px;
	margin-bottom:20px;
	height:150px;	
	width:100%;	
	
	
}		

.social{
	float:left;
	margin-top:0px;
	margin-left:100px;	
}
			
/*------------------------  MENU    ------------------------------------- */

.todo2{
	background-color: rgba(0,0,0,0.7);
	overflow:hidden;
	border-radius:5px;
}


.menu{
	
	height:50px;
	overflow:hidden;
	
	
}	
	
.opcion{
	float:left;
	margin:10px 0px 0px 30px;
	padding:11px;
	background-color: rgba(0,0,0,0.3);
	border-radius:5px 5px 0px 0px;	
	font-weight:500;
	
	
	
}

.opcion2{
	float:right;
	margin:25px 15px 0px 0px;
	padding:5px;
	background-color: rgba(0,0,0,0.3);
	border-radius:5px 5px 0px 0px;
}

.opcion2 >img{
	width:18px;
	height:18px;
}

.opcion:hover{
	background-color: rgba(0,0,0,0.7);
	cursor:pointer;		
	
}

.opcion2:hover{
	background-color: rgba(0,0,0,0.7);
	cursor:pointer;		
}
	
.active{
	background-color: rgba(0,0,0,0.7);
	color:white;
	
}
	
	
/*------------------------  CUERPO    ------------------------------------- */	
	
.cuerpo{	
	margin:auto;
	width:97%;		
	overflow:hidden;	
	margin-top: 20px;
	margin-bottom: 10px;
	border-radius:5px;
	background-color:#ffffff;
border-radius:2px;	
}

.util1{
	float:left;
	width:60%;	
	background-color;#343434;
}

.twitter{
	float:left;
	width:40%;
}

.titulo{
	font-size:19px;
	color: #1C1C1C;
	margin:20px;
	padding-bottom:5px;	
	border-bottom:2px solid #1C1C1C;	
}

.titulo1{
	font-size:16px;
	color: #1C1C1C;
	margin-bottom:20px;
	padding-bottom:5px;	
	border-bottom:1px solid #1C1C1C;	
}

.texto{
	margin:30px;
	font-size:14px;
	color:#424242;
}


.textoFoto{
	width:100%;
	text-align:center;
}

.textoFoto img{
	height:300px;
	text-align:center;
	margin-bottom:30px;	
	border: 2px solid #999999; 
	border-radius:5px;
}
.centro2{
	margin-left:100px;
	margin-top:50px;
}

.centro
{
	margin-left:100px;
	margin-right:100px;
	margin-top:50px;
	margin-bottom:40px;
	padding:10px;
	background-color: rgba(0,0,0,0.8);
}


/*--------------------------------------------Servicios--------------------------------------------*/

.tabla1{
	width:100%;
	padding:5px;
	border-spacing:10px 10px;
	
}

.tabla1 th{
	background-color:rgba(0,0,0,0.4);
	padding:5px;
	text-align:center;
	width:33%;
	color:white;	
	border-radius:2px;
}

.tabla1 td{
	padding:10px;
	color:#424242;
	margin-top:10px;
	
	
}

.tabla1 td img{
	width:100%;
	text-align:center;
	margin-bottom:30px;
	border: 2px solid #999999; 
	border-radius:5px;
}

.lista1{
	list-style-image: url('../imagenes/arrow.png');	
	margin-top:10px;
	color:#424242;
}



.lista1 li{
	padding:5px 5px 5px 0px;
}

/*--------------------------------------------Contacto--------------------------------------------*/


.contacto{
	width:70%;
	background-color:rgba(0,0,0,0.1);
	border-radius:5px;
	padding:20px;
	text-align:left;
	color:#5A5A5A;
	overflow:hidden;
}

.tabla2{
	border-spacing: 30px 30px;
}

input{
	border:1px solid #777777;
	border-radius:4px;
	padding:5px;
}

textarea{
	border:1px solid #777777;
	border-radius:4px;
	padding:2px;
}

#enviar{
	padding:10px;
	background-color:#777777;
	color:white;
	font-weight:bold;
	float:left;
	cursor:pointer;
}

#enviar:hover{
	background-color:rgba(0,0,0,0.6);
}


/*--------------------------------------------Pie--------------------------------------------*/
.pie{
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	
	font-size:80%;	
	
}


.pie2{
	height:20px;
	width:100%;	
}