/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	text-align:center;
	margin:0;
}
html, body {height: 100%;}
*{padding: 0;margin: 0;}

#general{
width:100%;
margin:auto;
height:auto;
min-height:100%;
text-align:center;
background: url(../images/fondo_bottom.gif) bottom no-repeat;
}

* html #general{
	height: 100%;
	text-align:left;
}

#general #cabecera{

width:930px;
margin:auto;
text-align:left;
}

#general #cabecera .logo{
width:auto;
height:auto;
margin:auto;
position:absolute;
}

#general #tira{
width:100%;
margin:auto;
height:207px;
text-align:center;
}

#general #tira .fondo1{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo1.jpg);
background-repeat:no-repeat;
}

#general #tira .fondo2{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo2.jpg);
background-repeat:no-repeat;
}

#general #tira .fondo3{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo3.jpg);
background-repeat:no-repeat;
}

#general #tira .fondo4{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo4.jpg);
background-repeat:no-repeat;
}

#general #tira .fondo5{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo5.jpg);
background-repeat:no-repeat;
}

#general #tira .fondo6{
width:100%;
margin:auto;
height:207px;
text-align:center;
background-image: url(../images/fondo6.jpg);
background-repeat:no-repeat;
}


#general #cuerpo{
width:930px;
height:auto;
margin:auto;
background:url(../images/fondo_body.gif) top no-repeat;
text-align:left; 
}

#general #cuerpo .content{
width:930px;
height:auto;
margin:auto;
display:block;
text-align:left; 
}





#general #cuerpo .content .texto{
width:310px;
height:auto;
margin:0;
background:url(../images/bg_texto.gif) no-repeat right top;
text-align:justify;
padding:10px 15px 0 25px;
font-family:Arial, Helvetica, sans-serif;
color:#4f4c4c;
font-size:11px;
float:left;
}


#general #cuerpo .content .texto a{
text-decoration:underline;
color:#333333;
font-weight:bold;
}

#general #cuerpo .content .texto a:hover{
text-decoration:none;
}



#general #cuerpo .content .texto span{
display:block;
font-size:18px;
padding-bottom:8px;
text-align:left;
letter-spacing:-1px;
color:#999999;
}

#general #cuerpo .content .columnaright{
width:540px;
height:auto;
margin:0;
padding-right:30px;
text-align:justify;
float:right;
}


#general #cuerpo .content .columnaright .imagenhorizontal{
width:520px;
height:auto;
margin:10px 10px 10px 10px;
background-color:#006699;
}

#general #cuerpo .content .columnaright p{
display:block;
width:520px;
margin:8px 10px 20px 10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
font-size:13px;
line-height:20px;
text-align:justify;
}

#general #cuerpo .content .columnaright p b{
color:#666666;
}

#general #cuerpo .content .columnaright p span{
color:#666666;
}


#general #cuerpo .content .columnacenter{
width:100%;
height:auto;
margin:0;
text-align:left;
display:block;
}


#general #cuerpo .content .columnacenter p{
display:block;
width:90%;
margin:8px 20px 20px 30px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
font-size:13px;
line-height:20px;
text-align:justify;
}



#pie{
width:100%;
height:60px;
margin:auto;
clear:both;
background-image:url(../images/fondo_pie.gif);
background-repeat:repeat-x;
position: relative;
clear: both;
margin:-60px auto auto auto;
text-align:center;
text-align:center;
}


#pie .piecenter{
width:930px;
height:auto;
margin:auto auto auto auto;
text-align:left;
padding-top:5px;
}

#pie .piecenter .textob{
width:370px;
height:auto;
margin:2px auto auto 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCCC;
text-align:center;
float:left;
}



#pie .piecenter .texto{
width:auto;
height:auto;
margin:2px 20px auto 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:left;
float:left;
}

#pie .piecenter .texto .legal{
color:#00CCCC;
text-decoration:none;
}

#pie .piecenter .texto .legal:hover{
color:#00CCCC;
text-decoration:underline;
}

#pie .piecenter .texto .logo1{
width:auto;
height:auto;
margin: 5px auto auto auto;
display:block;
}

#pie .piecenter .texto2{
width:auto;
height:auto;
margin:2px 5px auto auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:right;
float:right;
}


#pie .piecenter .texto2 .design{
font-size:9px;
color:#00CCCC;
text-decoration:none;
padding:10px 65px 10px 5px;
background:url(http://www.idento.es/images/Logos_peq/mini_logo_negro.png) right no-repeat;
}

#pie .piecenter .texto2 .design:hover{
color:#00CCCC;
text-decoration:underline;
}

#pie .piecenter .texto2 .access{
width:auto;
height:auto;
margin: 8px auto auto auto;
display:block;
}

#pie .piecenter .texto .access .baccess{
width:auto;
height:auto;
margin:auto;
text-decoration:none;
}

#pie .piecenter .texto .access .baccess:hover{
text-decoration:none;
}


#clearpie {
	display: block;
	height:60px;
	text-align:center;
}

.clear{
display: block;
clear:both;
width:100%;
height:1px;
}
/*//////////////////////TOP/////////////////////////// */

#general #cuerpo .top{
width:930px;
height:50px;
margin:-50px auto auto auto;
position:absolute;
text-align:left;
}


#general #cuerpo .top .migas{
position:absolute;
color:#333333;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:15px 0 0 15px;
z-index:500;
}

#general #cuerpo .top .migas .bmigas{
color:#666666;
text-decoration:none;
}

#general #cuerpo .top .migas .bmigas:hover{
color:#CC9933;
text-decoration:none;
}




#general #cuerpo .datos{
width:336px;
height:27px;
margin:-72px auto auto 280px;
position:absolute;
text-align:left;
}

#general #cuerpo .datos .tlf{
width:auto;
height:auto;
color:#FFFFFF;
margin:5px auto auto 38px;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}

#general #cuerpo .datos .mail{
width:auto;
height:auto;
color:#FFFFFF;
margin:8px auto auto 215px;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

#general #cuerpo .datos .mail:hover{
color:#99CC00;
text-decoration:underline;
}



#general #cuerpo .top .bpresupuesto{
width:276px;
height:auto;
margin:5px auto auto 488px;
display:block;
position:absolute;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-image: url(../images/bg_presu.gif);
padding:8px 0 13px 7px;
text-decoration:none;
font-weight:bold;
}

#general #cuerpo .top .bpresupuesto:hover{
background-position:bottom;
}


#general #cuerpo .top .bcontacto{
width:148px;
height:auto;
margin:5px auto auto 770px;
display:block;
position:absolute;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-image:url(../images/bg_contact.gif);
padding:8px 0 13px 7px;
text-decoration:none;
font-weight:bold;
}

#general #cuerpo .top .bcontacto:hover{
background-position:bottom;
}

/*//////////////////////MENU/////////////////////////// */
#general #cabecera .menu{
width:492px;
height:47px;
position:absolute;
margin:auto auto auto 430px;
overflow:hidden;
border-bottom:#FFFFFF solid 1px;
padding:0;
}


#navi {  
	list-style:none;
	margin:auto;
	padding:0;
	
}

#navi li {
	
	float:left;
	display:block;
	
	
}
#navi li a {
	margin:0;
	width:115px;
	font-family:"Arial";
	display:block; 
	padding:25px 0px 8px 8px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	color:#514f4f;
	font-weight:bold;
	letter-spacing:normal;
	background-image:url(../images/bgnavi.gif);
	background-position:bottom;
	
}

#navi li a:hover {
color: #FFFFFF;
text-decoration:none;
background-position:bottom;

}

#navi li .actual{
height:73px;
}

#navi li .actual{
color:#FFFFFF;
}


#navi li .actual:hover{
color:#FFFFFF;
}

/*//////////////////////PORTADA/////////////////////////// */

.divmapa{
width:240px;
height:108px;
text-align:left;
margin:10px auto auto 15px;
background-image: url(../images/bg_mapa.gif);
float:left;
clear:right;
}

.divmapa .textomapa{
width:auto;
height:auto;
position:absolute;
text-align:left;
margin:90px 0 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight: bold;
}

.divmapa .boccidental{
	position:absolute;
	margin:0px auto auto 66px;
	width:107px;
	height:104px;
}

.divmapa .boriental{
position:absolute;
margin:3px auto auto 112px;
width:125px;
height:92px;
}




.divservicios{
width:520px;
height:108px;
text-align:left;
margin:auto 5px auto auto;
background-image: url(../images/bg_servicios.gif);
}

.divservicios .title{
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
color:#ffffff;
position:absolute;
margin:45px auto auto 7px;
}

.divservicios .divenlaces{
width:450px;
position:absolute;
margin:66px auto auto 4px;
}

.divservicios .divenlaces .enlaces{
color:#CCCCCC;
font-size:10px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
float:left;
padding:2px 2px 2px 8px;
margin-left:5px;
font-weight:bold;
background:url(../images/flecha.gif) left no-repeat;
}

.divservicios .divenlaces .enlaces:hover{
color:#00CCFF;
}

.divservicios .divenlaces .enlaces span{
color:#CCCCCC;
}


.divpresupuesto{
width:260px;
height:auto;
text-align:left;
margin:10px auto auto 15px;
background-image: url(../images/bg_presupuesto.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:left;
text-decoration:none;
padding:72px 0 10px 6px;
font-weight: bold;
}

.divpresupuesto:hover{
text-decoration:underline;
}

.divpresupuesto span{
color:#CCCCCC;
font-size:10px;
display:block;
}


.divdecoracion{
width:233px;
height:auto;
text-align:left;
margin:10px auto auto 15px;
background-image: url(../images/bg_decoracion.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:left;
text-decoration:none;
padding:72px 0 10px 6px;
font-weight: bold;
clear:right;
}

.divdecoracion:hover{
text-decoration:underline;
}

.divdecoracion span{
color:#CCCCCC;
font-size:10px;
display:block;
}


.divtrabajos{
width:260px;
height:auto;
text-align:left;
margin:10px auto auto 15px;
background-image:url(../images/bg_trabajos.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:left;
text-decoration:none;
padding:72px 0 10px 6px;
font-weight: bold;
}

.divtrabajos:hover{
text-decoration:underline;
}

.divtrabajos span{
color:#CCCCCC;
font-size:10px;
display:block;
}


#flashcontent{
margin:20px auto auto auto;
width:320px;
}


/* //////////////////////////OBRA//////////////////////////////////////// */
.obra{
background-color:#CCCCCC;
width:800px;
margin:0 0 10px 20px;
}

.obra .obratop{
background:url(../images/bg_trabajos_top.gif) no-repeat;
width:100%;
height:34px;
display:block;
}

.obra .obrabody{
width:100%;
background:url(../images/bg_trabajos_body.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
}

.obra .obrabody span{
float:left;
width:600px;
}

.obra .obrabody span h3{
margin:0 0 3px 0;
display:block;
color:#006699;
font-size:16px;
border-bottom:#FFFFFF dashed 1px;
}

.obra .obrabody span h4{
margin:-20px 0 3px 0;
display:block;
color:#666666;
font-size:10px;
float:right;
}

.obra .obrabody span h4 a{
color:#665f32;
text-decoration:none;
}

.obra .obrabody span h4 a:hover{
color:#006699;
text-decoration:underline;
}


.obra .obrabody span p{
margin:0 0 10px 0;
display:block;
color:#333333;
font-size:12px;
}

.obra .obrabody span p strong{
color:#006666;
}

.obra .obrabody .detalle{
float:left;
width:450px;
}



.obra .obrabody .detalle p{
margin:0 0 10px 0;
display:block;
color:#333333;
font-size:12px;
}

.obra .obrabody .detalle p strong{
color:#006666;
}

.obra .obrabody .detalle  h1{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:100;
display:block;
border-bottom:dashed  #FFFFFF 1px;
margin-bottom:10px;
}

.bampliar{
background-image:url(../images/bampliar.gif);
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;
text-decoration:none;
padding:5px 0 5px 0;
width:80px;
height:auto;
display:block;
float:left;

}

.bampliar:hover{
background-position:bottom;
color:#FFFFFF;
}

.obra .obrabody .imagen1{
width:auto;
height:auto;
border:#FFFFFF solid 3px;
float:left;
margin:0px 8px auto 15px;
}

.obra .obrabody .imagenes{
width:310px;
height:auto;
float:left;
margin:0px 8px auto 15px;
}

.bima{
border:#FFFFFF solid 3px;
margin:3px;
}

.bima:hover{
border:#FF9900 solid 3px;
}


.obra .obrabody .imagenes2{
width:783px;
height:auto;
display:block;
margin:auto;
text-align:left;
}

.bima2{
border:#FFFFFF solid 3px;
margin:3px;
float:left;
margin:10px;
}

.bima2:hover{
border:#FFCC33 solid 3px;
}

.obra .obrabottom{
background:url(../images/bg_trabajos_bottom.gif) no-repeat;
width:100%;
height:32px;
display:block;
}

/* //////////////////////////CONTACTO//////////////////////////////////////// */


.contactilustra{
width:326px;
height:70px;
background-image:url(../images/bgcontacto.gif);
margin:auto;
}

.formutilustra{
width:326px;
height:70px;
background-image:url(../images/bgformu.gif);
margin:auto;
}

.formutilustra .titleformu{
width:auto;
height:auto;
font-size:14x;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:normal;
color:#666666;
position:absolute;
margin:20px auto auto 130px;
} 

.contacto{
width:320px;
border:#CCCCCC dashed 1px;
text-align:left;
padding:3px;
margin:auto auto auto auto;
}

.contacto li{
width:320px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding:3px;
list-style:none;

}

.contacto li label{
width:150px;
float:left;
margin:3px 0 3px 0;
color:#666666;
}

.required{
font-family:Verdana, Arial, Helvetica, sans-serif;
border:#CCCCCC solid 1px;
font-size:10px;
color:#333333;
padding:2px;
font-weight:bold;
float:left;
margin:3px 0 3px 0;
}



#id_tipo{
font-family:Verdana, Arial, Helvetica, sans-serif;
border:#CCCCCC solid 1px;
font-size:10px;
color:#ffffff;
padding:2px;
font-weight:bold;
float:left;
margin:3px 0 3px 0;
background-color:#666666;

}



.errorlist li{
display:block;
width:97%;
background-color:#FF0000;
font-size:9px;
padding:2px;
text-align:left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear: both;
}

.msgilustra{
width:326px;
height:70px;
background-image:url(../images/bgmsg.gif);
margin:auto;
}



.msg_ok{
width:320px;
border:#CCCCCC dashed 1px;
text-align:left;
padding:3px;
margin:auto;
}

.msg_ok b{
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-size:18px;
font-weight:100;
}

.msg_ok p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:100;
}


.bseguir{
background-image:url(../images/bseguir.gif);
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
padding:5px 0 5px 0;
width:80px;
height:auto;
display:block;
margin:10px 0 5px 235px;
}

.bseguir:hover{
background-position:bottom;
color:#FFFFFF;
}


.divformu{
margin:auto;
width:660px;
height:370px;
}

.divformu .bempresa{
margin:auto;
width:265px;
height:auto;
display:block;
padding:280px 0 80px 15px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:24px;
text-decoration:none;
float:left;
text-align:left;
background-image:url(../images/bg_bempresa.gif);

}


.divformu .bempresa:hover{
text-decoration:underline;
}

.divformu .bempresa span{
color:#CCCCCC;
font-size:12px;
}


.divformu .bparticular{
margin:auto;
width:265px;
height:auto;
display:block;
padding:280px 0 80px 15px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:24px;
text-decoration:none;
float:right;
text-align:left;
background-image:url(../images/bg_bparticular.gif);

}


.divformu .bparticular:hover{
text-decoration:underline;
}

.divformu .bparticular span{
color:#CCCCCC;
font-size:12px;
}


/*//////////////////////SUBMENU/////////////////////////// */

.submenu{
width:302px;
height:auto;
margin:auto auto auto auto;
padding:0;
text-decoration:none;
}

.submenu .subenlace{
width:282px;
height:auto;
margin:auto;
padding:10px 0 12px 19px;
display:block;
background-image: url(../images/bg_submenu.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#003333;
text-decoration:none;
}

.submenu .subenlace:hover{
color:#FFFFFF;
background-position:bottom;
}

.submenu .subenlacecurrent{
width:282px;
height:auto;
margin:auto;
padding:10px 0 12px 19px;
display:block;
background-image: url(../images/bg_submenu.gif);
background-position:bottom;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.submenu .subenlacecurrent:hover{
color:#FFFFFF;
text-decoration:none;
background-position:bottom;
}


/* //////////////////////////ENLACES ADICIONALES//////////////////////////////////////// */


.enlacea{
color:#142543;
text-decoration:underline;
}

.enlacea:hover{
text-decoration:none;
}

.enlaceb{
color:#142543;
text-decoration:underline;
}

.enlaceb:hover{
text-decoration:none;
}

.enlacec{
text-decoration:underline;
color:#142543;
}

.enlacec:hover{
text-decoration:none;
}

.enlaced{
text-decoration:underline;
color:#000000;
padding:2px;
font-weight:bold;
}

.enlaced:hover{
text-decoration:none;
}

.enlacee{
text-decoration:underline;
color:#000000;
padding:2px;
}

.enlacee:hover{
text-decoration:none;
}


/* ////////////GALERIA////////////////////////////////////////////////////////////////// */
.topic {padding:0; margin: 20px auto auto auto; list-style:none; width:100%; height:auto; display:block;}

.topic li {display:block; width:125px; height:31px; float:left; margin:10px 10px 50px 10px; }

.topic li a img
{display:block; width:100px; height:75px; border:5px solid #e6e3e3;}

.topic  li a:hover img 
{position:relative; left:-50px; top:-32px; width:200px; height:150px; border-color:#CCCCCC;}
