/* irunadigital.com  //  web design: xabi angós */

*,html{margin:0;padding:0;}

body{ background: url(../img/bg_web1.jpg) repeat-x; #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

ul,ol,dl{margin-bottom:5px;}
li{margin-bottom:2px;}
p{margin-bottom:10px; font-size:12px; text-align:left; line-height:18px;}

a{color:#000; text-decoration:none;}
a:hover{text-decoration:none; color:#f39603;}
a img{border:none;}
a.activo{color:#999999;}

h1, h1 a, h1 a:hover{color:#666666; font-size:11px; font-weight: normal; line-height:8px; text-decoration:none;}
h1 a:hover{color:#ffffff; text-decoration:none;}

/*layout*/
#contenedor{width:880px; margin:0 auto; padding:0;}
#cabecera { padding:35px 0; clear:both; margin:0;}
.logo{float:left; margin-right:60px; border:none; padding-top:30px;}
.menu{float:left;}
#contenidos{ float:left; width:880px; clear:both; height:500px; padding:20px 0 10px 0; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:16px; margin-bottom:40px;}
#contenidos-presentacion{ float:left; width:880px; clear:both; height:530px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:16px; margin-bottom:40px;}
#contenidos a, #contenidos-presentacion a{color:#FFFFFF; text-decoration:none;}
#contenidos a:hover, #contenidos-presentacion a:hover {color:#f39603; text-decoration:none;}

.izda{float:left; width:230px; padding-right:10px;}
.izda-presentacion{float:left; width:240px; overflow:hidden;}
.dcha{float:right; width:619px; height:520px; border-left:1px solid #666; padding-left:20px;}
.dcha-presentacion{float:right; width:620px; height:520px;  #666; padding:15px 0 0 15px;}
#footerx{ width:880px; position:relative; float:left; clear:both; margin:5px 0 20px 0; line-height:16px;}
.direccion{float:left; text-align:left; width:440px; }
.desarrollo{float:right; text-align:right; width:440px; }


/*menu*/
.nav1{height:100px; float:left; width:120px; margin-right:20px; border-left: 1px solid #000; padding-left:15px; text-decoration:none;}
.nav2{height:100px; float:left; width:150px; border-left: 1px solid #999; padding-left:15px; text-decoration:none; color:#666;}

.nav1 ul, .nav2 ul{list-style:none;}
.nav1 li, .nav2 li{width:150px;  line-height:16px; list-style:none;}
.nav1 li a{color:#000; text-decoration:none;}
.nav2 li a{color:#666; text-decoration:none;}

.nav1 li a:hover{text-decoration:none; color:#f39603;}
.nav2 li a:hover{text-decoration:none; color:#000000;}

.nav1 li.activo { color:#f39603;}
.nav2 li.activo { color:#f39603;}

/*fotos*/
.thums ul{ list-style:none; float:left;}
.thumbs li{ display: inline; margin:13px 13px 0 0; float:left; border: 1px solid #333;}
.thumbs li a{ height:60px; width:60px; overflow:auto; }
.foto_grande{border: 1px solid #333; padding:1px; margin-top:12px;}
.foto_th{}
.links{ margin-top:40px;}
.link_flicker{margin-right:30px; float:left;}


/*textos*/
.destacado_izda{color:#FFFFFF}
.enlaces_centro, .enlaces_centro a{color:#FFFFFF;}
.enlaces_centro a:hover{color:#99999;}

/*destacados-inicio*/
.destacado{width:180px; float:left; margin-right:25px; border:none; margin-top:35px;}
.destacado-fin{width:180px; float:left; border:none; margin-top:35px;}
.tit{ width:180px; height:16px; border-bottom:1px solid #333; padding-bottom:5px; padding-top:5px; color:#dadada;}

/*galerias-index*/
.galerias{width:140px; float:left; margin-right:15px; height:160px; border:none; margin-top:35px;}
.galerias-fin{width:140px; float:left;  height:160px; border:none;margin-top:35px;}
.tit-galeria{ width:140px; height:14px; padding-top:5px; color:#999; font-size:11px;}

/* formulario de contacto */

form{ margin-bottom:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
fieldset{border: 0px solid #dadada;}

	div.medidas {margin: 5px 0;}
	div.medidas label{float:left; width:80px; line-height:23px; clear:both;}
	div.medidas input[type="submit"]{width:90px;}
	div.medidas input[type="reset"]{width:90px;}
	
	div.medidas input[type="text"]{ 
	padding:3px;
	width: 300px;
		height: 16px;
        background-color:#333;
		border:#ccc 0px solid;
		color:#fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
	div.medidas input[type="text"]:focus, .cform textarea:focus {
		padding:3px;
	width: 300px;
		height: 16px;
        background-color:#444;
		border:#ccc 0px solid;
		color:#fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
	
	textarea{ background-color:#333; height:40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; width: 295px; border:none; padding:5px;}


#contenidotextoform {
font-size:11px;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	vertical-align: top;
}

.cform input[type="text"]:focus, .cform textarea:focus, .cform select:focus{ background-color:#fff;  border:none; color:#fff;}
.cform p{ font-size:11px;
	width: 300px;
	clear: left;
	margin: 0;
	padding-left: 50px; /*width of left column containing the label elements*/
	border-top: 0px dashed gray;
	padding-right: 0;
	}

.cform label{
font-weight: bold;
float: left;
margin-left: -55px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px; font-size:11px;}

.cform textarea{
font-size:11px;
width: 300px;
height: 120px;
background-color:#dadada;
color:#fff;}

.bots{ width:100px; margin-right:10px; margin-top:10px; cursor:pointer; color:#000; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}