@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0;}

body{
	background: #333 url(../img/bg_deco.jpg) repeat-x left top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	}
	
div#page{
	width: 960px;
	margin: 0 auto;
	}

div#header{
	width: 960px;
	height: 340px;
	background: url(../img/logo_deco.png) no-repeat -10px top;
	padding-bottom: 20px;
	}

div#header h1{
	width: 300px;
	height: 100px;
	padding:50px 0 0 20px;
	}

div#header h1 a{
	display: block;
	width: 300px;
	height: 100px;
	}

div#header h2{
	width: 318px;
	height: 27px;
	background: url(../img/slogan.png) no-repeat top left;
	margin-bottom:112px;
	margin-left:640px;
	}

div#menu{
	clear: both;
	width: 960px;
	height: 50px
	}

div#menu ul{
	list-style: none;
	width: 960px;
	height: 50px;
	margin: 0 auto;
	}

div#menu ul li{
	height: 50px;
	background-image: url(../img/menu.jpg);
	float: left;
	}

div#menu ul li a{
	display: block;
	height: 50px;
	background-image: url(../img/menu.jpg);
	}

div#menu ul li#home{ background-position: 0 -50px; width: 140px;}
div#menu ul li#home.active{ background-position: 0 -100px; width: 140px;}
	div#menu ul li#home a{ background-position: 0 0; width: 140px;}
div#menu ul li#about{ background-position: -140px -50px; width: 180px;}
div#menu ul li#about.active{ background-position: -140px -100px; width: 180px;}
	div#menu ul li#about a{ background-position: -140px 0; width: 180px;}
div#menu ul li#products{ background-position: -320px -50px; width: 170px;}
div#menu ul li#products.active{ background-position: -320px -100px; width: 170px;}
	div#menu ul li#products a{ background-position: -320px 0; width: 170px;}
div#menu ul li#portfolio{ background-position: -490px -50px; width: 170px;}
div#menu ul li#portfolio.active{ background-position: -490px -100px; width: 170px;}
	div#menu ul li#portfolio a{ background-position: -490px 0; width: 170px;}
div#menu ul li#gallery{ background-position: -650px -50px; width: 160px;}
div#menu ul li#gallery.active{ background-position: -650px -100px; width: 160px;}
	div#menu ul li#gallery a{ background-position: -650px 0; width: 160px;}
div#menu ul li#contact{ background-position: -810px -50px; width: 140px;}
div#menu ul li#contact.active{ background-position: -810px -100px; width: 140px;}
	div#menu ul li#contact a{ background-position: -810px 0; width: 140px;}
div#menu ul li.last{ background: url(../img/menu_right.jpg) no-repeat right top; width: 472px; height: 73px; margin: 0;}
div#menu ul li.last div{ width: 472px; height: 73px; background: url(../img/slogan.jpg) no-repeat center 4px;}

div#menu ul li a span, div#menu ul li div span{ display: none;}

h3{
	border-bottom: 1px solid #666;
	color: #CCC;
	margin: 15px 0;
	padding-bottom: 3px;
	clear: both;
	}

	/*Sección de Home*/
	
div#content_home{
	width: 960px;
	}

div#content_home ul{
	width: 960px;
	height: 280px;
	margin-top: 55px;
	list-style: none;
	}

div#content_home ul li{
	width: 227px;
	height: 268px;
	margin: 0 5px;
	float: left;
	}

div#content_home ul li a{
	display: block;
	width: 227px;
	height: 268px;
	}

div#content_home ul li#cat_1{ background: url(../img/categorias_home2.jpg) no-repeat 0 -268px;}
	div#content_home ul li#cat_1 a{ background: url(../img/categorias_home2.jpg) no-repeat 0 0;}
div#content_home ul li#cat_2{ background: url(../img/categorias_home2.jpg) no-repeat -227px -268px;}
	div#content_home ul li#cat_2 a{ background: url(../img/categorias_home2.jpg) no-repeat -227px 0;}
div#content_home ul li#cat_3{ background: url(../img/categorias_home2.jpg) no-repeat -454px -268px;}
	div#content_home ul li#cat_3 a{ background: url(../img/categorias_home2.jpg) no-repeat -454px 0;}
div#content_home ul li#cat_4{ background: url(../img/categorias_home2.jpg) no-repeat -681px -268px;}
	div#content_home ul li#cat_4 a{ background: url(../img/categorias_home2.jpg) no-repeat -681px 0;}

div#content_home p{
	text-align: justify;
	}

	/*Sección de Quienes Somos*/
	
div#content_about p{
	text-align: justify;
	}

div#equipo{
	width: 714px;
	height: 196px;
	background: url(../img/equipo.png) no-repeat left top;
	margin: 30px auto;
	}

	/*Sección de Productos*/

div#content_products p, div#content_products li{
	text-align: justify;
	margin: 2px 0;
	}

div#content_products ul{
	margin: 10px;
	}

div#content_products a#catalogo{
	display: block;
	width: 200px;
	height: 25px;
	border: 1px solid #999;
	text-decoration: none;
	}

div#content_products div#accordion div ul{ float: left; width:550px;}
div#content_products div#accordion div img{ float: right; border: 3px double #999; padding: 1px; margin-bottom: 25px;}

div#content_products div#accordion div table{ border: 1px solid #666; margin: 10px 0;}
div#content_products div#accordion div table td{ padding: 0 10px; border: 1px solid #666;}

	/*Sección de Portafolio*/

div#clientes{
	width: 960px;
	padding: 15px 0;
	}

div#clientes div.fade{
	width: 222px;
	height: 122px;
	margin: 25px 49px;
	float: left;
	}

div#clientes div.fade a{
	display: block;
	width: 222px;
	height: 122px;
	}

div#mim_hover{ background: url(../img/logo_mim.png) no-repeat center bottom;}
a#mim{ background: url(../img/logo_mim.png) no-repeat center top;}

div#paris_hover{ background: url(../img/logo_paris.png) no-repeat center bottom;}
a#paris{ background: url(../img/logo_paris.png) no-repeat center top;}

div#philips_hover{ background: url(../img/logo_philips.png) no-repeat center bottom;}
a#philips{ background: url(../img/logo_philips.png) no-repeat center top;}

div#royal_hover{ background: url(../img/logo_royal.png) no-repeat center bottom;}
a#royal{ background: url(../img/logo_royal.png) no-repeat center top;}

div#minera_hover{ background: url(../img/logo_minera.png) no-repeat center bottom;}
a#minera{ background: url(../img/logo_minera.png) no-repeat center top;}

div#dehesa_hover{ background: url(../img/logo_dehesa.png) no-repeat center bottom;}
a#dehesa{ background: url(../img/logo_dehesa.png) no-repeat center top;}

div#moulian_hover{ background: url(../img/logo_moulian.png) no-repeat center bottom;}
a#moulian{ background: url(../img/logo_moulian.png) no-repeat center top;}

div#eve_hover{ background: url(../img/logo_eve.png) no-repeat center bottom;}
a#eve{ background: url(../img/logo_eve.png) no-repeat center top;}

div#t4f_hover{ background: url(../img/logo_t4f.png) no-repeat center bottom;}
a#t4f{ background: url(../img/logo_t4f.png) no-repeat center top;}

div#ex_hover{ background: url(../img/logo_ex.png) no-repeat center bottom;}
a#ex{ background: url(../img/logo_ex.png) no-repeat center top;}

div#blanchard_hover{ background: url(../img/logo_blanchard.png) no-repeat center bottom;}
a#blanchard{ background: url(../img/logo_blanchard.png) no-repeat center top;}

div#spacio_hover{ background: url(../img/logo_spacio.png) no-repeat center bottom;}
a#spacio{ background: url(../img/logo_spacio.png) no-repeat center top;}

div#koryak_hover{ background: url(../img/logo_koryak.png) no-repeat center bottom;}
a#koryak{ background: url(../img/logo_koryak.png) no-repeat center top;}

div#blanca_hover{ background: url(../img/logo_blanca.png) no-repeat center bottom;}
a#blanca{ background: url(../img/logo_blanca.png) no-repeat center top;}

div#cinemagica_hover{ background: url(../img/logo_cinemagica.png) no-repeat center bottom;}
a#cinemagica{ background: url(../img/logo_cinemagica.png) no-repeat center top;}

div#teleton_hover{ background: url(../img/logo_teleton.png) no-repeat center bottom;}
a#teleton{ background: url(../img/logo_teleton.png) no-repeat center top;}

div#record_hover{ background: url(../img/logo_record.png) no-repeat center bottom;}
a#record{ background: url(../img/logo_record.png) no-repeat center top;}

div#teatro_hover{ background: url(../img/logo_teatro.png) no-repeat center bottom;}
a#teatro{ background: url(../img/logo_teatro.png) no-repeat center top;}

div#issa_hover{ background: url(../img/logo_issa.png) no-repeat center bottom;}
a#issa{ background: url(../img/logo_issa.png) no-repeat center top;}

div#movieland_hover{ background: url(../img/logo_movieland.png) no-repeat center bottom;}
a#movieland{ background: url(../img/logo_movieland.png) no-repeat center top;}

div#guante_hover{ background: url(../img/logo_guante.png) no-repeat center bottom;}
a#guante{ background: url(../img/logo_guante.png) no-repeat center top;}

div#luxia_hover{ background: url(../img/logo_luxia.png) no-repeat center bottom;}
a#luxia{ background: url(../img/logo_luxia.png) no-repeat center top;}

div#vision_hover{ background: url(../img/logo_vision.png) no-repeat center bottom;}
a#vision{ background: url(../img/logo_vision.png) no-repeat center top;}

div#tempo_hover{ background: url(../img/logo_tempo.png) no-repeat center bottom;}
a#tempo{ background: url(../img/logo_tempo.png) no-repeat center top;}

div#mundo_hover{ background: url(../img/logo_mundo.png) no-repeat center bottom;}
a#mundo{ background: url(../img/logo_mundo.png) no-repeat center top;}

div#montichello_hover{ background: url(../img/logo_montichello.png) no-repeat center bottom;}
a#montichello{ background: url(../img/logo_montichello.png) no-repeat center top;}

div#autopista_hover{ background: url(../img/logo_autopista.png) no-repeat center bottom;}
a#autopista{ background: url(../img/logo_autopista.png) no-repeat center top;}

	/*Sección de Gallery*/
	
div#content_gallery ul{
	list-style: none;
	width: 960px;
	}
div#content_gallery ul li{
	width: 200px;
	height: 200px;
	margin: 0 20px;
	float: left;
	}

div#content_gallery ul li a{
	display: block;
	width: 200px;
	height: 200px;
	}div#content_gallery ul li a span{ display: none;}

div#content_gallery ul li a#miscelaneo{ background: url(../img/categoria/miscelaneo.png) no-repeat left top;}
div#content_gallery ul li a#tuning{ background: url(../img/categoria/tuning.png) no-repeat left top;}
div#content_gallery ul li a#arquitect{ background: url(../img/categoria/arquitect.png) no-repeat left top;}
div#content_gallery ul li a#publicidad{ background: url(../img/categoria/publicidad.png) no-repeat left top;}
div#content_gallery ul li a#vestuario{ background: url(../img/categoria/vestuario.png) no-repeat left top;}

div#content_gallery ul.cat{
	list-style: none;
	width: 930px;
	margin: 0 auto;
	}
	
div#content_gallery ul.cat li{
	display: block;
	width: 100px;
	height: 100px;
	border: 3px double #999;
	float: left;
	margin-right: 4px;
	margin-bottom: 8px;
	padding: 1px;
	}

div#content_gallery ul.cat li a{
	display: block;
	width: 100px;
	height: 100px;
	}

div#content_gallery ul.video_cat li{
	display: block;
	width: 120px;
	height: 72px;
	border: 3px double #999;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 1px;
	}

div#content_gallery ul.video_cat li a{
	display: block;
	width: 120px;
	height: 72px;
	}

ul.gallery li a img{ border: none;}

div#content_gallery ul#category{
	width: 960px;
	height: 15px;
	padding-top: 20px;
	text-align: center;
	}

div#content_gallery ul#category li{
	width: 280px;
	height: 15px;
	}

div#content_gallery ul#category li a{
	width: 280px;
	height: 15px;
	text-decoration: none;
	color: #999;
	}

div#content_gallery ul#category li a:hover{
	color: #CCC;
	text-decoration: underline;
	}

div#content_gallery h4 a{
	text-decoration: none;
	color: #999;
	}


	
	/*Sección de Contacto*/

p#respuesta{
	text-align: center;
	padding: 20px;
	}

form#contact{
	width: 350px;
	height: 260px;
	margin: 0 auto;
	}form#contact fieldset{
		border: none;
		}
	form#contact fieldset.error{
		width: 100%;
		border:1px solid #333;
		padding: 10px;
		padding-top: 0;
		margin: 5px 0;
		}form#contact p.excepcion{ margin-left: 60px; margin-bottom: 10px; color: #900; clear: both;}
		form#contact label{
			display: block;
			width: 60px;
			height: 18px;
			padding: 4px 5px 0 0;
			text-align: right;
			margin-bottom: 8px;
			float: left;
			}
		form#contact input{
			width: 255px;
			height: 18px;
			background: url(../img/form_inputs.png) no-repeat top left;
			border: 1px solid #999;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666;
			float: left;
			padding: 2px 0 0 3px;
			margin-bottom: 8px;
			}form#contact input:hover{ background-position: bottom;}
			form#contact input.error{ background-position: center;}
			form#contact input.activo{ background-position: bottom;}
		form#contact textarea{
			width: 255px;
			height: 158px;
			background: url(../img/form_textarea.jpg) no-repeat top left;
			border: 1px solid #999;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 2px 0 0 3px;
			margin-bottom: 8px;
			color: #666;
			float: left;
			}form#contact textarea:hover{ background-position: bottom;}
			form#contact textarea.error{ background-position: center;}
			form#contact textarea.activo{ background-position: bottom;}
		form#contact input#enviar{
			width: 260px;
			height: 22px;
			padding: 0;
			cursor: pointer;
			color: #666;
			float: left;
			}

div#content_contact small{
	width: 960px;
	display: block;
	text-align: center;
	}

div#content_contact a{
	color: #0078ff;
	font-weight: bold;
	text-decoration: none;
	}
	
div#content_contact a:hover{ text-decoration: underline;}
			
	/*Sección de Footer*/

div#footer{
	width: 958px;
	height: 38px;
	background-color: #111;
	border: 1px solid #666;
	margin: 30px auto;
	clear: both;
	}

div#footer p{ color: #666; text-align: center; padding-top: 10px;}

.invis{ display: none;}
.clear{ clear: both;}
.blue{ color: #0078ff;}
.negrita{ font-weight: bold;}