/* CSS Izanet */

body{
	background-image: url(../images/pixelfondo.gif);
	margin: 0em;
	padding: 0em;
	font:62.5% arial;
	height: 100%;
	color: #5f5f5f
}

html {
	margin: 0em;
	padding: 0em;
	height: 100%
}

img {
	margin: 0.4em 0em 0em 0em;
	border: none
}

p {
	margin: 0em;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	padding: 0.2em 0em 0.2em 0em 
}

object{
	margin: 0.4em 0em 0em 0em;
	border: 0.4em solid #f0f0f0;
	float:left;
	padding: 0em;
	margin: 0em 1em 0em 0em
}

a {
	font:1.1em arial;font-weight: normal;text-decoration: underline;color: #4f8e16/*4F7B00/*4da200*/;
}
a:hover{
	text-decoration: underline!important;
}

.cabecera{
	background-image: url(../images/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 12em;
	margin: 0.4em 0em 0em 0em;
	padding: 0em;
}
html>body .cabecera{
	height: 14em;
}

h1.logo{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0em;
	padding: 0em;
	width: 6em;
	height: 4em;
	text-indent: -4000em;
	float: right
}
html>body h1.logo{
	width: 9.4em;
	height: 7em;
}



/* maquetacion */

#contenedor{
	width: 90%;
	height: 99%;
	border-right: 0.1em solid #aaa598;
	border-left: 0.1em solid #aaa598;
	background-color: #fff;
	margin: 0 auto;
}
html>body #contenedor{
	min-height: 50em;
	height: auto;
}
#contenido{
		background-image: url(../images/fondocabecera.gif);
		background-repeat: repeat-x;
		top: 0.4em;
		border-top: 0.8em solid #aaa598;
		border-bottom: 0.8em solid #aaa598;
		width: 98%;
		height: 98%!important;
		margin: 0 auto;
}
html>body #contenido{
	min-height: 50em;
	height: auto
}
ul#menu{
	width: 100%;
	display: inline;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
ul#menu li{
	display: inline;
	list-style-type: none;
	background-image: url(../images/ico_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0em 2em 0em 1em;
	font-size: 1.1em;
	letter-spacing: 0.1em
}
ul#menu li a{
	text-decoration: none!important;
	color: #000
}
ul#menu li.idiomas{
	margin: 0em 0em 0em 2em;
	padding: 0em 1em 0em 0em;
	text-decoration: none!important;
	font-size: 1em;
	background: none!important;
	color: #000!important;
}
ul#menu li.idiomas2{
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 0em 0em;
	text-decoration: none!important;
	font-size: 1em;
	background: none!important;
	color: #000;
}
.grisi {
	color: #999999!important;
	}
ul#extranetmapaweb{
	width: 50%;
	display: inline;
	list-style-type: none;
	margin: -1.2em 0em 0em 34.8em;
	padding: 0em;
	/*float: right;*/
	text-align: right;
	font:1.1em arial;font-weight: bold;text-decoration: none;color: #008fff;text-transform: uppercase;
}
ul#extranetmapaweb li{
	display: inline;
	padding: 0em 0em 0em 0.5em;
}
ul#extranetmapaweb li a{
	font:1em arial;font-weight: bold;text-decoration: none;color: #008fff;text-transform: uppercase;
}
.info{
	width: 95%;
	/*height: 60%;*/
	float: left
}
.extranet{
	font:1.1em arial!important;font-weight: bold;text-decoration: none;color: #008fff!important;text-transform: uppercase!important;
		background-image: none!important;
}
.mapaweb{
	font:1.1em arial!important;font-weight: bold;text-decoration: none;color: #008fff!important;text-transform: uppercase!important;
		background-image: none!important;
}
#pie{
	text-align: left;
	padding: 1em 0em 0.2em 0em;
	display: block;
	margin: 0.8em auto;
	left: 6%;
	bottom: 1%;
	width: 100%;
	height: 22em;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	height: 2em;
	/*position: absolute;*/
	border-top: 0.1em dashed #e1e0e0
}
html>body #pie{
	min-height: 2em;
	height: auto;
	clear: both;
}
#pie a{
	font-size: 1em;
	letter-spacing: 0.1em;
	color: Black;
}
.desarrollo{
	/*background-color: #897d69;*/
	background-image: url(../images/fondo1.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0em 0em 0em 0em;
	height: 3em
}
.desarrollo a {
	display: block
}
.diseno{
	background-image: url(../images/fondo2.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0em 0em 0em 0em;
	height: 3em;
	text-align: left;
	margin: 0em 0em 0em 0em;
}
.titcabecera{
	background-image: url(../images/titulargrafico.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 4em 0em 0em 0em;
}

.sistemas{
	/*background-color: #037dd3;*/
	background-image: url(../images/fondo3.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0em 0em 0em 0em;
	height: 3em
}


.desarrollo a,.diseno a,.sistemas a{
	width: 80%!important;
	padding: 0em 1em 0em 1em;
	display: inline;
}

ul#bannershome{
	margin: 0em;
	padding: 0em;
	border-bottom: 0.1em dashed #e1e0e0;
	}
ul#bannershome li{
	width: 33.3%;
	height: 12.3em;
	margin: 1.2em 0em 1.2em 0em;
	list-style-type: none;
	float: left!important;
}
ul#bannershome li a{
	padding: 1em 1.1em 1.1em 1.1em;
	margin: 0em;
	width: 33.3%;
	height: 12.3em;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	float: left;
}
html>body ul#bannershome li a{
	width: 92.4%!important;
	height: 9.7em;
}

ul#bannersint{
	margin: 0em;
	padding: 0em;
	list-style-type: none;
	width: 100%;
	margin: 1.2em 0em 0.8em 0em;
	border-bottom: 0.1em dashed #e1e0e0;
	}
ul#bannersint li{
	list-style-type: none;
	width: 33.3%;
	margin: 0.8em 0em 0.4em 0em;
	float: left;
}
ul#bannersint li a{
	padding: 0.7em 1.1em 1.1em 1.1em;
	list-style-type: none;
	width: 33.3%;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0em;
	float: left;
}
.enlacesbanners{
	width: 100%;
	height: 1em;
	display: block;
}
/*.caja1{
	width: 48%;
	float:left;
}
.caja2{
	width: 48%;
}*/
textarea{
	width: 20em;
	height: 5em;
	border: 0.1em solid #666366
}
input{
	width: 20em;
	border: 0.1em solid #666366;
}
textarea,input{
	padding: 0.2em;
	font:1.2em arial;font-weight: normal;text-decoration: none;	color: #666366;
}
input.boton{
	width: 50%;
	background-color: #4f8e16/*4fa700*/!important;
	border-right: 0.2em solid #447915/*4f8e16*/;
	border-bottom: 0.2em solid #447915/*4f8e16*/;
	border-left:  0.2em solid #f2fbe9;
	border-top: 0.2em solid #f2fbe9;
	font:1.2em arial;font-weight: bold;text-decoration:none;color: #FFF;
	padding: 0.2em;
	margin: 0.2em 0em 0.2em 0em;
	letter-spacing: 0.1em;
	float: left
}
.cont1 {
	width: 55%;
	float: left;
}
html>body .cont1{
	width: 60%;
	float: left;
}
.cont2 {
	width: 35%;
	float: left;
	padding: 0.8em;
	margin-left: 1em;
	border-left: 0.1em dashed #e1e0e0;
}
html>body .cont2 {
	padding: 0.8em 0.8em 0.8em 1em;
}
#interiores{
	width: 99.7%;
	height: 31.5em;
}
html>body #interiores{
	min-height: 31.5em!important;
	height: auto!important
}

h2.apartado{
	text-indent: -400em;
	text-align: left;
	margin: -1em 0em 0em 0em;
	padding: 0em;
}
h2.categoria{
	text-align: left;
	margin: 0.2em 0em 0.4em 0em;
	padding: 0em;
	/*font:1.5em arial;font-weight: bold;text-decoration: none;color: #2c2c2c;text-transform: uppercase;
	letter-spacing: 0.1em;*/
	font:1.6em arial;font-weight: bold;text-decoration: none;color: #2f2f2f;text-transform: uppercase;
	letter-spacing: 0.2em;
}
h3.subcategoria{
	text-align: left;
	margin: 1.4em 0em 0.4em 0em;
	padding: 0em;
	font:1.2em arial;font-weight: bold;text-decoration: none;color: #2f2f2f;text-transform: uppercase;
	letter-spacing: 0.2em;
	border-bottom: 0.1em dashed #e1e0e0
}
/*fin maquetacion
________________________*/

/*maquetación de menús
_____________________________*/
ul.subcategoria{
	list-style-type: none;
	text-align: left;
	margin: 0em 0em 1em 0em!important;
	padding: 0.4em 0em 0.4em 0em!important;
	background-color: #ececec;
	letter-spacing: 0.1em;
	border-bottom: 0.4em solid #FFF;
}
ul.subcategoria li{
	display: inline;
	padding: 1em 0.4em 0em 0em!important;
	list-style-type: none;
}
ul.subcategoria li a{
	display: inline;
	font:1em arial;font-weight: normal;text-decoration: none!important;color: #666366;text-transform: uppercase;
}
ul.subcategoria li a:hover{
	border-bottom: 0.5em solid #4fa700/*666366*/;
	/*background-image: url(images/apunte.gif);
	background-position: bottom;
	background-repeat: no-repeat;*/
	padding-bottom: 0.3em;
	text-decoration: none!important;
	color: #000
}
ul.subcategoria li a:active{
	border-bottom: 0.5em solid #4fa700;
	padding-bottom: 0.3em;
	color: #000
}
ul.basico{
	display: block;
	margin: 0em;
	padding: 0.4em 0.4em 0.4em 1.5em
}

ul.basico li{
	list-style-type: none;
	display: block;
	color: #4f8e16/*367101*/;
	background-image: url(../images/flecha.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 1em;
	font-size: 1.2em;
	letter-spacing: 0.05em
}

ul.accesibilidad{
	display: inline;
	margin: 0em;
	padding: 0.4em 0.4em 0.4em 1em;
}

ul.accesibilidad li{
	list-style-type: none;
	display: inline;
	padding-left: 1em;
}

ul.basico2{
	display: block;
	margin: 0em;
	padding: 0.4em 0.4em 0.4em 1.5em
}

ul.basico2 li{
	list-style-type: none;
	display: block;
	background-image: url(../images/flecha.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 1em;
	letter-spacing: 0.05em;
	padding: 0em 0em 1em 1em
}
ul.submenu{
	display: block;
	margin: 0em;
	padding: 0.4em 0.4em 0.4em 1.5em
}

ul.submenu li{
	list-style-type: none;
	display: inline;
	color: #367101;
	background-image: url(../images/raya.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0em 2em 0em 0.8em;
	font-size: 1em;
	letter-spacing: 0.05em;
	text-decoration: none;
}
ul.submenu li a{
	list-style-type: none;
	display: inline;
	color: #367101;
	background-image: url(../images/raya.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0em 0.2em 0em 0.8em;
	font-size: 1em;
	letter-spacing: 0.05em;
	text-decoration: none!important;
}
/* fin
________________*/


/* genéricos
______________________*/

p.rayadosub{
	width: 100%!important;
	margin: 0em 0em 1em 0em!important;
	border-bottom: 0.1em dashed #e1e0e0;
}
.spacio{
	padding: 1.9em 1.1em 1.1em 1.1em
}

.rayado{
	height: 1.5em;
	min-height: 1.5em;
	height: auto!important;
	padding: 1.5em 0em 1em 0em;
	border-bottom: 0.1em dashed #e1e0e0;
	float: left;
}

.altoimg {float: left; height: 18em; min-height: 18em; height: auto!important;}
.rayadoimg {
	padding: 0.2em 0.5em 0.2em 2em;
	margin-bottom: 3em;
	margin-left: 1em;
	width: 15em;
	width: auto!important;
	float: left;
}


.azul{
	border-left: 1.2em solid #008fff;
}

.verde{
	border-left: 1.2em solid #778f26
}

.marron{
	border-left: 1.2em solid #897d69
}

.gris{
	border-left: 1.2em solid #c5c4c0
}

.azul,.verde,.marron,.gris,.txtinfo{
	padding: 0.5em 2em 0.5em 2em;
	float:left;
}
.azul img,.verde img,.marron img,.gris img,.txtinfo img{
	border: 0.4em solid #f0f0f0;
	float:left;
	padding: 0em;
	margin: 0em 1em 0em 0em
}
.txtinfo{
	width: 95%;
	float: left;
}
html>body .txtinfo{
	width: 80%!important;
	min-height: 4em;
	height: auto;
}
.titnoticia{
	font-size: 1.2em;
	letter-spacing: 0.05em;
	color: #4f8e16/*4fa700*/;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.4em 0em 0em 0em;
	padding: 0.4em 0em 0em 0em
}


/* maquetacion de iconos
______________________*/

.icono1{
	background-image: url(../images/ico01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icono2{
	background-image: url(../images/ico02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icono3{
	background-image: url(../images/ico03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icono4{
	background-image: url(../images/ico04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icono1,.icono2,.icono3,.icono4{
	height: 5em;
	padding: 0.8em 0em 0.8em 6.7em!important
}
html>body .icono1,.icono2,.icono3,.icono4{
	min-height: 5em!important;
	height: auto
}

/* fin
___________*/

.bloquegenerico{
	width: 96.8%!important;
	padding: 0.8em 0.8em 1em 0.8em;
	border-bottom: 0.1em dashed #e1e0e0;
	float: left
}
html>body .bloquegenerico{
	width: 96.2%!important;
	min-height: 1em;
	height: auto;
}
.bloquegenerico img{
	border: 0.4em solid #f0f0f0;
	float:left;
	padding: 0em;
	margin: 0.4em
}
.bloque_p, .bloque_p2{
	width: 45.9%!important;
	padding: 0.8em 0.8em 1em 0.8em;
	border-bottom: 0.1em dashed #e1e0e0;
	float: left
}
html>body .bloque_p, html>body .bloque_p2{
	width: 46%!important;
	min-height: 1em;
	height: auto;
}
.bloque_p2{height: 400px; min-height: 400px; height: auto!important; float: left;}
nhtml>body .bloque_p2{height: 400px; min-height: 400px; height: auto!important; float: left;}

.bloque_p img{
	border: 0.4em solid #f0f0f0;
	float:left;
	padding: 0em;
	margin: 0.4em
}
fieldset{
	float: left;
	padding: 0.8em;
	margin-left: 1em;
	width: 50%;
}
fieldset.contacto {width:250px;}
legend{
	margin: 0em 0em 0.8em 0em
}

.bordernone{
	border: none!important
}
.textosbloques, .textosbloques2{
	text-align: left;
	padding: 0em 0em 0em 0.8em;
	display: block;
	float: left
}
.textosbloques2 {width: 100%; height: 12em; min-height: 12em; height: auto!important;}
.superior {width: 100%; height: 1em; min-height: 1em; height: auto!important; float: left;}
a.home{
	font:1.1em arial;font-weight: normal;text-decoration: none;color: #4F7B00;
}
a.hometxt{
	font:1em arial;font-weight: normal;text-decoration: none;color: #2f2f2f;
}
a:hover.hometxt{
	font:1em arial;font-weight: normal;text-decoration: none;color: #4F7B00;
}
.clear{
	float: left!important
}
.clear2 {clear:both;}
#listadoclientes{
	width: 50%;
	float: left
}