@charset "utf-8";

/******************************************/
/*     G O O G L E   W E B F O N T S     */
/****************************************/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Quicksand);

/******************************************/
/*              G L O B A L              */
/****************************************/
* { margin:0 } /* sticky footer */

html, body { height:100% } /* sticky footer */

body {
	margin:0;
	padding:0;
	font-family:'Droid Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:22px;
	text-align:justify;
	color:#666;
	background:#FFF;
}

h1, h2, h3, h4, h5, h6 { color:#CCC; font-family: 'Droid Serif', sans-serif; }

		h1 { font-size:18px; font-weight:700; line-height:38px; color:#000; }
		h2 { font-size:18px; font-weight:400; line-height:26px; color:#5d418c; }
		h3 { font-size:16px; font-weight:400; line-height:20px; color:#5d418c; }
		h4 { font-size:14px; font-weight:400; line-height:18px }
		h5 { font-size:12px; font-weight:400; line-height:16px }
		h6 { font-size:10px; font-weight:400; line-height:14px }
		
	h1 { background:url(../images/cdm/ui/border.jpg) repeat-x bottom; padding-bottom:20px;}
		
a { text-decoration:none; border:0; color:#5E3B8A; cursor:pointer;}
		a:hover {}

ol { list-style:decimal inside; text-indent:0 }
ul { list-style:disc inside; text-indent:0 }

p,
dl,
hr,
h1,h2,
h3,
h4,
h5,
h6,
pre,
table,
fieldset,
img,
ul,
ol { margin-bottom:20px; }

hr { border-top:1px solid #CCC; border-bottom:1px solid #999; border-left:none; border-right:none }

address { font-style:normal; font-size:11px }

em { font-style:italic }

strong { font-weight:bold }

img { border:5px solid #555859 }



/******************************************/
/*       C O M M O N   S T Y L E S       */
/****************************************/
.left { float:left }
.right { float:right }
.clear { clear:both }

.relative { position:relative; top:0; left:0; z-index:2; height:inherit }

#mainWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -51px; /* sticky footer */
}

.push { height:51px } /* sticky footer */

.wrapper {
	width:990px;
	margin:0 auto;
}

.col_13 { width:640px; }

.col_6 { width:290px; }


/******************************************/
/*                 T O P                 */
/****************************************/
#top {
	background:#FFF;
	width:auto;
	height:95px;
	padding-top:10px;
	border-top:4px solid #f2f2f2;
}
	#top .right { position:absolute; top:0; right:0; width:270px; height:147px; overflow:visible; }
	#top .right .indicador { width:34px; height:17px; position:absolute; top:130px; left:120px; border:0; display:none }

#logo {
	padding-top:50px
}

.indicadorcdm { width:34px; height:17px; position:absolute; top:130px; left:120px; border:0; display:none }

	#logo img { border:none; margin-bottom:0; margin-left:10px; }

#manolo { border:none; position:absolute; top:13px; right:45px; margin-bottom:0 }
#manolo {}

/******************************************/
/*          N A V I G A T I O N          */
/****************************************/
#navigation {
	width:100%;
	height:52px;
	overflow:visible;
	background:url(../images/ui/nav_bg.png) repeat-x #fff bottom;
}

	#navigation ul {
		position:absolute;
		left:0;
		bottom:0;
		list-style:none !important;
		text-indent:0 !important;
		margin-bottom:0 !important;
		width:100%;
		height:auto;
	}
		#navigation ul li {
			font-size:16px;
			float:left;
			position:relative;
			top:0;
			left:0;
		}
		
		#navigation ul li a {
			font-family: 'Droid Sans', sans-serif;
			font-weight:400;
        	text-shadow: 0px 0px 10px #1e1e1e;
			background:#855db1;
			display:block;
			line-height:40px;
			width:170px;
			margin-right:1px;
			color:#fff;
			text-align:center;
			border-bottom:1px solid #FFF;
			-webkit-border-radius: 10px 10px 0px 0px;
			border-radius: 10px 10px 0px 0px;
		}
		
			#navigation ul li.last-child a { margin-right:0 }
			#navigation ul li.first-child a.current, #navigation ul li.last-child a.current, #navigation ul li.first-child a.current:hover, #navigation ul li.last-child a.current:hover { background:url(../images/ui/content_bg.png) repeat !important; font-weight:700; border-bottom:none; padding-bottom:1px; }

		#navigation ul li a.current { background:#5e3b8a; font-weight:700;  border-bottom:1px solid #5e3b8a; }
		
		#navigation ul li a.current:hover { background:#5e3b8a; font-weight:700;  border-bottom:1px solid #5e3b8a; }
		
		#navigation ul li a:hover {
			width:170px;
			line-height:40px;
			background:#393d3e;
			color:#FFF;
			text-shadow:none;
			text-decoration:none;
			position:relative;
			top:0;
		}
		
		#navigation ul li.second-child a:hover, #navigation ul li.third-child a:hover { background:#5e3b8a }

.purple_bar { background:#5e3b8a; border-bottom:1px solid #875fb3 }

.purple_bar ul {
	display:block;
	height:40px;
	text-decoration:none;
	margin-bottom:0
}
	
	.purple_bar ul li {
		float:left;
		line-height:40px;
		text-decoration:none;
		cursor:pointer;
		display:block;
		margin:0 10px;
	}
		
		.purple_bar ul li a {
			color:#FFF;
			border-right:1px solid #FFF;
			padding-right:20px
		}
	
			.purple_bar ul li a:hover, .purple_bar-manolo ul li a:hover {
				text-decoration:underline;
			}	

.purple_bar-manolo { background:#f58040; border-bottom:1px solid #f58040 }

.purple_bar-manolo ul {
	display:block;
	height:40px;
	text-decoration:none;
	margin-bottom:0
	}
	
	.purple_bar-manolo ul li {
		float:left;
		line-height:40px;
		text-decoration:none;
		cursor:pointer;
		display:block;
		margin:0 10px;
	}
	
		.purple_bar-manolo ul li a {
			color:#FFF;
			border-right:1px solid #FFF;
			padding-right:20px
		}

.menu { 
	width:990px;
	height:341px;
}

a.caja, .box {
	width:246px;
	height:341px;
	cursor:pointer;
	display:block;
}

.box {
	float:left;
}

.one {
	background:url(../images/ui/menu/empresa.png)
}

.two {
	background:url(../images/ui/menu/material.png)
}

.tree {
	background:url(../images/ui/menu/desarrollos.png)
}

.four {
	background:url(../images/ui/menu/contacto.png)
}

		.one:hover {
			background:url(../images/ui/menu/empresa-over.png)
		}
		
		.two:hover {
			background:url(../images/ui/menu/material-over.png)
		}
		
		.tree:hover {
			background:url(../images/ui/menu/desarrollos-over.png)
		}
		
		.four:hover {
			background:url(../images/ui/menu/contacto-over.png)
		}
		



.one_manolo {
	background:url(../images/ui/manolo/manolo.png)
}

.two_manolo {
	background:url(../images/ui/manolo/materialmanolo.png)
}

.tree_manolo {
	background:url(../images/ui/manolo/cotiza1.png)
}

.four_manolo {
	background:url(../images/ui/manolo/contactomanolo.png)
}

		.one_manolo:hover {
			background:url(../images/ui/manolo/manolo-over.png)
		}
		
		.two_manolo:hover {
			background:url(../images/ui/manolo/materialmanolo-over.png)
		}
		
		.tree_manolo:hover {
			background:url(../images/ui/manolo/cotiza1-over.png)
		}
		
		.four_manolo:hover {
			background:url(../images/ui/manolo/contactomanolo-over.png)
		}

a.caja:hover, .box:hover {
	width:246px;
	height:341px;
}


/******************************************/
/*           S L I D E S H O W           */
/****************************************/
#slideshow_container {
	width:990px;
	height:400px;
	position:relative;
	top:0;
	left:0;
	overflow:visible;
	padding:30px 0 10px 0;}

#anterior { position:absolute; top:170px; left:-50px; z-index:10; cursor:pointer; font-size:50px; font-weight:normal; text-shadow: 0px 0px 10px #222; color:#e8e8e8; font-weight:400; font-family:'Quicksand'   }
#siguiente { position:absolute; top:170px; right:-50px; z-index:10; cursor:pointer; font-size:50px; font-weight:normal; text-shadow: 0px 0px 10px #222; color:#e8e8e8; font-family:'Quicksand'   }
			#anterior:hover, #siguiente:hover { color:#000 }
			#anterior:active, #siguiente:active { color:#333; top:171px }

#bullets { width:100px; height:14px; position:absolute; bottom:0; left:445px; z-index:10; }

#bullets li { list-style:none inside !important; float:left; margin-left:7px; cursor:pointer; color:#999; text-indent:-9999px; background: url(../images/ui/bullets.png) no-repeat 0 0; width:14px; height:14px; overflow: hidden }
#bullets a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#bullets .activeSlide { background-position:-14px 0 }
#bullets a:focus { outline: none; }

.slideshow img {
	border:5px solid #474a4b;
	margin-left:5px;
	margin-bottom:0;
}

/****************************************/
/*            C O N T E N T            */
/**************************************/
.content_bg {
	background:#FFF;
	padding-bottom:50px;
	padding-top:30px;
	position:relative;
	top:0;
	left:0;
	z-index:1
}

#home {
	border-top:2px solid #3F4444;
	padding-top:30px;
	padding-bottom:40px;
	background:#393d3e;
	-webkit-box-shadow: inset 0px 10px 30px 0px #323536;
	box-shadow: inset 0px 10px 30px 0px #323536;
}

#home div.left {
	width:590px;
	min-height:200px;
}

	#home div.left ul {
		text-decoration:none;
	}
	
		#home div.left ul li {
			text-decoration:none;
			cursor:pointer;
			display:block;
		}

#home div.right {
	width:340px;
	min-height:200px;
}

table.desarrollos { color:#333; border-collapse:collapse; margin-bottom:20px }
table.desarrollos p, table.desarrollos h1, table.desarrollos h2, table.desarrollos h3, table.desarrollos h4, table.desarrollos h5, table.desarrollos h6, table.desarrollos ol { margin-bottom:20px; }
table.desarrollos td.descripcion { padding:20px; background:#ededed; margin-left:10px; min-height:180px }
table.desarrollos tbody { margin:0; padding:0; height:auto; }
table.desarrollos tr { border-collapse:collapse; margin:0 !important; padding:0; height:auto }
table.desarrollos td.imagen { margin:0 !important; padding:0; vertical-align:top; background:#4c508d; padding:5px 5px 0 5px; }
table.desarrollos td img { margin-bottom:0; border:none }

.return {
	margin:30px 0;
}

	.return a {
		text-decoration:none; color:#b53b50;
		font-size:12px;
	}
	
	
		.return a:hover {
			text-decoration:none; border-bottom:1px dotted; padding-bottom:3px;
		}

/******************************************/
/*             F O O T E R               */
/****************************************/
#footer {
	height:48px;
	width:auto;
	background:#262829;
	color:#FFF;
	border-top:3px solid #323536;
}

#footer .left, #footer .right { padding-top:10px; }

#footer p { color:#515454; font-size:13px; margin-bottom:0; }

#footer .right p { text-align:right }

#footer a { color:#515454 }
#footer a:hover { text-decoration:underline; color:#FFF }



/******************************************/
/*        CONTENEDORES DE MATERIALES     */
/****************************************/




.col-materiales-left {
	float:left;
	width:215px;}
	
ul.col-materiales-left li {
	margin-bottom:10px;
	text-decoration:none;
	display:block;
}

ul.col-materiales-left li:hover {
	background:#fc8237;
}

ul.col-materiales-left li a {
	color:#fc8237;
	width: 210px;
	height: 42px;
	display: block;
	text-decoration:none;
	vertical-align: middle;
	padding: 3px 3px 5px 0;
	line-height: 30px;
	text-indent: 15px;
	cursor: pointer;
}

ul.col-materiales-left li a:hover {
	color:#FFF;
}

ul.col-materiales-left li a img{
	width:69px;
	height:42px;
	margin-left:10px;
	float:right;
	border:#fc8237 1px solid;
	margin-bottom:0;
}

.col-materiales-right {
	float:right;
	width:685px;
}

		.col-materiales-right h1 a, .col-materiales-right h3 a{ 
			color:#5E3B8A
		}
		
			.col-materiales-right h1 a:hover, .col-materiales-right h3 a:hover {
				color:#000; position:relative; top:-1px
			}

		.col-materiales-right img {
			float:left;
			border:none;
			text-decoration:none;
			display:block;
		}

		.col-materiales-right ul li {
			float:left;
			border:none;
			text-decoration:none;
			display:block;
			margin:0 5px;
		}
		
		.atras-siguiente {
			margin-left:200px;
			width:auto;
			height:auto;
		}
		
			.atras-siguiente p a, .atras-siguiente p {
				padding: 5px 10px 15px 10px;
				margin:0;
			}
			
			.atras-siguiente a:hover {
				color:#F60;
			}
			
				.atras-siguiente a.selec-active {
					color:#F60;
					text-decoration:underline;
				}

ul.texto li {
	float:none;
}

ul.texto li a {
	color:#666;
}

ul.galeria_tabiques li {
	float:left;
	border:none;
	text-decoration:none;
	display:block;
	margin:4px 3px;
	height:100px;
	border:2px solid #CCC;
}

ul.galeria_tabiques li a img {
	width:218px;
	height:100px;
}



/******************************************/
/*      TABIQUE / MENU APARENTES         */
/****************************************/


.menu_aparentes {
	width:228px;
	height:250px; 
	float:left;
}

		.menu_aparentes a {
			cursor:pointer;
			text-decoration:none;
			display:block;
			text-align:right;
			color:#FFF;
			font-family: 'Droid Sans', sans-serif;
			font-size:20px;
			padding:200px 5px 0 0;
		}

.cuadro_1-lisos a {
	background:#c39d6f;
	width:223px;
	height:50px; 
}

		.cuadro_1-lisos a:hover {
			background:url(../images/menu/Lisos-menu.jpg) no-repeat;
			color:#c39d6f;
			width:223px;
			height:50px; 
		}

.cuadro_2-rustico a {
	background:#a47d55;
	width:223px;
	height:50px; 

}

		.cuadro_2-rustico a:hover {
			background:url(../images/menu/Rusticos-menu.jpg) no-repeat;
			color:#a47d55;
			width:223px;
			height:50px; 
		}

.cuadro_3-esmaltado a {
	background:#89623d;
	width:223px;
	height:50px; 

}

		.cuadro_3-esmaltado a:hover {
			background:url(../images/menu/esmaltados-menu.jpg) no-repeat;
			color:#89623d;
			width:223px;
			height:50px; 
		
		}

.cuadro_4-decorativo a {
	background:#744c27;
	width:223px;
	height:50px; 

}

		.cuadro_4-decorativo a:hover {
			background:url(../images/menu/decorativos-menu.jpg) no-repeat;
			color:#744c27;
			width:223px;
			height:50px;
		
		}

.cuadro_5-fachaletas a {
	background:#5d3717;
	width:223px;
	height:50px; 

}

		.cuadro_5-fachaletas a:hover {
			background:url(../images/menu/Fachaleta-menu.jpg) no-repeat;
			color:#744c27;
			width:223px;
			height:50px;
		}

.cuadro_6-galeria a {
	background:#3f200c;
	width:223px;
	height:50px; 

}

		.cuadro_6-galeria a:hover {
			background:url(../images/menu/galeri-menu.jpg) no-repeat;
			color:#3f200c;
			width:223px;
			height:50px;
		
		}
		

/******************************************/
/*      TABIQUE / MENU REPELLABLES       */
/****************************************/


.menu_repellables {
	width:228px;
	height:250px; 
	float:left;
}

		.menu_repellables a {
			cursor:pointer;
			text-decoration:none;
			display:block;
			text-align:right;
			color:#FFF;
			font-family: 'Droid Sans', sans-serif;
			font-size:20px;
			padding:200px 5px 0 0;
		}

.cuadro_1-tabimax a {
	background:#c39d6f;
	width:223px;
	height:50px; 
}

		.cuadro_1-tabimax a:hover {
			background:url(../images/menu/Tabimax-menu.jpg) no-repeat;
			color:#c39d6f;
			width:223px;
			height:50px; 
		}

.cuadro_2-novablock a {
	background:#a47d55;
	width:223px;
	height:50px; 

}

		.cuadro_2-novablock a:hover {
			background:url(../images/menu/Novablock-menu.jpg) no-repeat;
			color:#a47d55;
			width:223px;
			height:50px; 
		}

.cuadro_3-novadala-u a {
	background:#89623d;
	width:223px;
	height:50px; 

}

		.cuadro_3-novadala-u a:hover {
			background:url(../images/menu/Novadala-menu.jpg) no-repeat;
			color:#89623d;
			width:223px;
			height:50px;
		}
			
			
/******************************************/
/*        TABIQUE / MENU LOSAS           */
/****************************************/


.menu_losas {
	width:228px;
	height:250px; 
	float:left;
}

		.menu_losas a {
			cursor:pointer;
			text-decoration:none;
			display:block;
			text-align:right;
			color:#FFF;
			font-family: 'Droid Sans', sans-serif;
			font-size:20px;
			padding:200px 5px 0 0;
		}

.cuadro_1-bovedilla a {
	background:#c39d6f;
	width:223px;
	height:50px; 
}

		.cuadro_1-bovedilla a:hover {
			background:url(../images/menu/bovedilla.jpg) no-repeat;
			color:#c39d6f;
			width:223px;
			height:50px; 
		}

.cuadro_2-novalosa a {
	background:#a47d55;
	width:223px;
	height:50px; 

}

		.cuadro_2-novalosa a:hover {
			background:url(../images/menu/novalosa.jpg) no-repeat;
			color:#a47d55;
			width:223px;
			height:50px; 
		}