/* CSS Document */

/* CSS Document */
   body {
   
   	background:#313131 url(../irudiak/azpia.jpg) center top no-repeat  ;
        margin:0;
        padding:0;
        border:0;		/* This removes the border around the viewport in old versions of IE */
        /* background: url(../irudiak/azpi.gif) repeat-y; */

        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
    }
	 h1, h2, h3 {
	 
	 
        margin:.8em 0 .8em .8em;
        padding:0;
    }
	
	h1{
	font-family:"Century Gothic", Arial, sans-serif;

font-size:20px;
color:#333333;

font-weight: normal;
}
.h2{

	font-family:"Century Gothic", Arial, sans-serif;

	font-size:16px;
	color: #994994;
font-weight: bold;
}

 a:link {

	font-size: 11px;	
	color: #666666;
	font-weight: normal;	
	text-decoration:none;

}
 a:visited {
font-size: 11px;
	color: #666666;
	text-decoration:none;
} 
a:hover {
font-size: 11px;
    text-decoration:none;
	color: #333333;
}
a:active {
font-size: 11px;
	text-decoration:none;
	color: #333333;
} 

form{
margin:15px 5px 5px 20px;

}
label{

color:#666666;
margin:5px 5px 5px 20px;
   display: inline-block;
   display: -moz-inline-box;
   width: 15%;
padding:0px;
vertical-align:top;
}

 ul{
width:85%;
padding:10px 3px;
margin:3px 3px 3px 30px;
height:100%;




}
 li{

padding:0px;
margin:5px 2px;
list-style:url(../irudiak/laukitxua.gif);



}

/*Admin ------------------------------------------------------------------------------*/

	
#body{
	width:950px;
	margin:auto;
	background-color:#FFFFFF;
	border:1px #333333 solid;
	position:relative;

}

#body:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header {
       clear:both;
        float:left;
      	font-size:10px;
	width:100%;
	background: url(../irudiak/azpia.gif) no-repeat;
}


	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

#idiomas{ color:#FFF;}
	#idiomas a:link{ color:#FFF;}
	#idiomas a:visited{ color:#FFF;}
	#idiomas a:hover{ color:#FFF;}
	#idiomas a:active{ color:#FFF;}



/*==============================CONTENEDOR===================================*/
#colmasc {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:80%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
			
}
/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	
	}
	.col1,
	.col2,
	.col3
	 {
		float:left;
		position:relative;
		padding:1em 0 0 0;
		overflow:hidden;
	}
	
		.col4 {
		float:left;
		position:relative;
		padding:1em 0 1em 0;
		
		width:400px;
	
		min-height:275px;
	}
	.col4 img{border: 1px solid #333333;}
	.col3 h3{
	width:500px;
	}
		.col1 img{
		vertical-align:bottom;
	
	}
		/* Full page settings */
	.fullpage {
		/* page background colour */
	}
	.fullpage .col1 {
		width:100%;				/* page width minus left and right padding */
		left:0%;				/* page left padding */
	}
/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;				/* right column width */
	
	 
	}
	.leftmenu .col1 {
		width:64%;				/* right column content width */
		left:106%;				/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:28%;				/* left column content width (column width minus left and right padding) */
		left:12%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
		.leftmenu .col3 {
		/*border:1px solid #CCCCCC;*/
		width:45%;				/* right column content width */
		left:130%;				/* 100% plus left column left padding */
	}
	.leftmenu .col4 {
/*	border:1px solid #CCCCCC;*/
		width:51%;				/* left column content width (column width minus left and right padding) */
		left:31%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
#boxmain {

font-size:11px;
margin:10px;
text-align:left;
	}
.box {

	width: 100%;
	font-size:11px;
padding: 0px 0px 20px 0px;

	}
.tit {
	color: #ffffff;
	background-color:#2d2d2d;
	font-size: 13px;
	border: 1px solid #2d2d2d;
	border-collapse: collapse;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
		font-family: Geneva, Arial, Helvetica, sans-serif;

}
.tit  a:link{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.tit  a:active{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;

}
.txt {
	color: #000000;
	background-color:#FFFFFF;
	padding: 4px;
	margin: 0px;
	border:1px #CCCCCC solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#faro{
margin:10px 0px 0px 8px;
width:171px;
position:absolute;
top:10px;
left:0px;


}


#menu {
	 paddin:0px;
	 margin:0px;
	 margin:115px 0px 20px 180px;

}
#menu img{
   border:0px;

}
#menu a:link {

	font-size: 13px;	
	color: #ffffff;
	font-weight: normal;	
	text-decoration:none;

}
#menu a:active {
font-size: 13px;
	text-decoration:none;
	color: #1b1b1b;
}
#menu a:hover {
font-size: 13px;
    text-decoration:none;
	color: #D9B3D6;
}
#menu a:visited {
font-size: 13px;
	color: #D9B3D6;
	text-decoration:none;
}

#menu ul {
margin:0px;
padding:0px;
width:100%;




}
#menu li {
width:100px;

margin:0px;
	display: inline;
	padding:0px 10px;


}

/*===============MENU ZURI==================================================*/


#menu_zuri {

width:950px;
border-bottom:1px #CCCCCC solid;
border-top:1px #CCCCCC solid;
margin:0px 0px 0px 0px;
float:left;
background:#FFFFFF;
padding:0px;

}
#menu_zuri ul {
padding:0px;
margin:0px 0px 0px 0px;
width:100%;
background:#FFFFFF;






}
#menu_zuri li {

list-style:none;
float:left;
margin:0px 25px 0px 20px;
padding:3px;
width:14%;






}




/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		background:#313131;
		border:0px;
	
    }
    #footer p {
        padding:10px;
		font-size:10px;
		color:#999999;
		text-align:center;
        margin:0;
    }
	    #footer a:link {     
		color:#cccccc;
    }
		    #footer a:visited {     
		color:#cccccc;
    }
		    #footer a:hover {     
		color: #993366;
    }
		    #footer a:active {     
		color:#993366;
    }
	/*======================================clases=========================================*/
	.active{
font-size:12px;
font-weight:bold;

}


.small {
	font-size:smaller;
}

.big {
	font-size:bigger;
}

.contenedor_txartela{
width:95%;
padding:3px;
margin:5px 5px 20px 5px;
float:left;
}





.txartela{
width:45%;
padding:3px;
margin:5px;
float:left;
border:1px #CCCCCC solid;
height:100px;




}

.txartela_img{
width:130px;
float:left; 
margin:0px 12px;
border:1px solid #333333;
padding:0px;
}


.txartela a:link{
font-size:13px;
font-weight:bold;


}
.txartela a:hover{
font-size:13px;
/*color:#000000;*/
font-weight:bold;

}
.txartela a:visited{
font-size:13px;
/*color:#666666;*/
font-weight:bold;

}
.txartela a:active{
font-size:13px;
/*color:#000000;*/
font-weight:bold;

}
.negrita{
font-weight:bold;}
.margin_left{
margin:0px 0px 0px 20px;

}


	/*===================================específica de la página===========================================*/
/*==================CONTENEDOR HORIZONTAL de abajo=========================*/

#contenedor_horizotal{

width:947px;
background:#313131;
color:#FFFFFF;
border:1px #FFFFFF solid;
font-size:9px;
padding:0px;
margin: 0px;

}

#contenedor_horizotal ul{

margin:0px;
padding:0px;
width:100%;
float:left;
background:#313131;
border:1px #FFFFFF solid;
}

#contenedor_horizotal li{
width:100px;
list-style:none;
float:left;
text-align:center;
padding:0px;
margin:2px;
height:140px;

}

#contenedor_horizotal li img{
width:100px;
margin:3px;
padding:0px;
border:1px solid #ffffff;

}

.contenedor_horizotal_texto{
width:100px;
margin:3px;
padding:3px;
border:1px solid #ffffff;
}

#contenedor_horizotal a:link {

	font-size: 10px;	
	color: #FFFFFF;
	font-weight: normal;	
	text-decoration:none;
	}
	
#contenedor_horizotal a:visited {
font-size: 10px;	
text-decoration:none;
}

#contenedor_horizotal a:hover {
font-size: 10px;
    text-decoration:none;
	color: #CC66CC;
}
#contenedor_horizotal a:active {
font-size: 10px;
	text-decoration:none;
	color: #FF0066;
}

/*==============================galeria==========*/
#galeria{


margin:8px;

}

#galeria img{


margin:0px;
border: 1px solid #333333;
padding:0px;

}
#galeria ul{
padding:0px;
margin:0px;

}
#galeria ul li{
height:90px;
text-align:center;
padding:0px;
margin:0px 6px 0 0;
width:110px;
list-style:none;
float:left;
}

/*=================================clientes=======================*/

#clientes{
width:950px;

color:#000000;

		float:left;
		position:relative;}




#clientes p{
margin:5px;
padding:5px;}


#clientes ul{

float:left;
		position:relative;
margin:0px 0px 0px 30px;
padding:0px;
display: block;
width:950px;


}


#clientes li{


width:400px;
list-style:none;
border:1px #CCCCCC solid;

float:left;

height:140px;
padding:2px 10px 2px 3px;
margin:10px 10px 10px 10px;


}

#clientes li img{
width:130px;
float:left;
margin:5px;
border:1px #000000 solid;
padding:0px;

}

#clientes h4{
font-size:12px;
margin:10px 0px 10px 0px;
padding:3px;



 }

#clientes a:link{
font-size:13px;
font-weight:bold;
}
#clientes a:visited{
font-size:13px;
font-weight:bold;

}
#clientes a:hover{
font-size:13px;
font-weight:bold;

}
#clientes a:active{
font-size:13px;
font-weight:bold;

}

/*==============================central contacto=============*/
#central_contacto{
background:url(../irudiak/contacto.jpg) no-repeat right;
width:950px;
padding:0px;
margin:0px;


float:left;


}

#central_contacto p{
margin:0px 0px 0px 20px;



}

/*========================== CLASES===================*/
.botonera{

margin:0px 5px 5px 200px;
padding:0px;

}

.boton {
background: #313131;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
border:0px;
padding:3px;
margin:5px;
cursor: pointer;	
}

.boton a:link {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:visited {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:hover {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:active {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}

.blog {position:absolute; top:110px; right:0em;}