*{margin:0;padding:0;}
/*
<header id="cabecera">
	<img src="./imagenes/recursos/logo.jpg" alt="Logo de Ala Norte Cine Digital"/>
    <form method="post" action="#">
    	<input type="submit" value=" "/>
    	<input type="search" name="srch" />
    </form>
</header>
*/
body{
	/*background-image:url('../imagenes/recursos/fondo.jpg');*/
		font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight:300;
	font-size:12px;
}
.CLEAR:after{
	content:"";
	display:block;
	clear:both;
}
#cabecera{
	width:100%;
	height:155px;
	position:absolute;
	z-index:155;
}
#logo{
}
#cabecera:before{
	z-index:-1;
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	width:100%;
	height:95px;
	background-color:rgba(0,0,0,0.50);
}
#cabecera:after{
	z-index:-1;
	position:absolute;
	bottom:0px;
	left:-60px;
	content:"";
	width:70%;
	height:60px;
	background-color:rgba(0,0,0,0.25);
}

#cabecera .idioma{
	line-height:60px;
	padding:0 10px;
	background-color:#ff4b4c;
	position:absolute;
	right:30%;
	margin-right:61px;
	bottom:0px;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
	color:#900;
}
#cabecera .idioma:after{
	position:absolute;
	bottom:0px;
	right:-1px;	
	border-right:1px dashed #ff4b4c;
	content:"";
	width:1px;
	height:60px;
}
#cabecera .idioma:hover{
	background-color:white;
	color:#ff4b4c;
}

#buscador{
	position:absolute;
	right:0px;
	bottom:0px;
	width:30%;
	height:60px;
}
#buscador input[type=image]{
	position:absolute;
	left:-60px;	
}
#buscador input[type=text]{
	height:60px;
	font-size:24px;
	width:100%;
	border:none;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight:300;
	color:#fff;
	background-color:#ff4b4c;
}
#buscador input[type=text]:focus{outline:none}
#buscador input[type=text]::-webkit-input-placeholder { color:rgba(255,255,255,0.5);font-style:italic; }
#buscador input[type=text]::-moz-placeholder { color:rgba(255,255,255,0.5);font-style:italic; } /* firefox 19+ */
#buscador input[type=text]:-ms-input-placeholder { color:#ccc;font-style:italic; } /* ie */



.centrado{
	max-width:75%;
	width:100%;
	min-width:850px;
	margin:0 auto;
}

.header-expand .centrado{
	width:auto;
	margin-left:25px;
}
/*
<div id="slide">
	<div id="contSlide">
    	<ul>
        	<li><img src="./imagenes/slide/464866_246938222060366_739902024_o.jpg" /></li>
            <li><img src="./imagenes/slide/1271658_513116408775878_1084246268_o.jpg"/></li>
            <li><img src="./imagenes/slide/tascam-dr-680-grabador-multipista-portatil-tarjeta-memoria_MLA-F-128707633_8710.jpg"/></li>
        </ul>
    </div>
</div>
*/

#slide{
	height:500px;
}
#slideCont{
	z-index:-999;
	position:absolute;
	list-style:none;
	left:0px;
	top:0px;
	right:0px;
	text-align:center;
}
#slideCont li{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:500px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:0;
}
#slideCont li:first-child{
	opacity:1;
}
#slidePin{
	position:absolute;
	height:14px;
	top:17px;
	right:17px;
	list-style:none;
	z-index:999;
}
#slidePin li{
	width:12px;
	height:12px;
	border-radius:12px;
	background-color:#666;
	float:left;
	margin:0 5px;
	box-shadow:1px 1px 1px #fff,
	-1px -1px 1px #000;	
}
#slidePin li.active{
	background-color:#ff4b4c;	
}
#slidePin li:hover{
	cursor:pointer;
}

/*Parte central
------------------------------*/
#principal-central{
	position:relative;
	width:100%;
	margin-top:25px;
	background-image:url('../imagenes/recursos/fondo.jpg');
}
#principal-cont{
	position:relative;
	width:100%;
	max-width:75%;
	min-width:850px;
	margin:0 auto;
	overflow:hidden;
}
#product-cont{
	position:relative;
	width:auto;
	padding:200px 25px 25px;
}
#product-cont:before{
	content:"";
	z-index:100;
	position:absolute;
	background-image:url(../imagenes/recursos/recorteblanco.gif);
	background-repeat:repeat-x;
	width:100%;
	bottom:-10px;
	left:0px;
	height:20px;
}
#principal-central:before{
	content:"";
	z-index:100;
	position:absolute;
	background-image:url(../imagenes/recursos/recorteblanco.gif);
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	top:-10px;
}
#principal-central:after{
	content:"";
	z-index:100;
	position:absolute;
	background-image:url(../imagenes/recursos/recortefondo.gif);
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	bottom:-10px;
}

#principal-cont #principal-derecho{
	width:auto;
	margin-left:225px;
	
}

#product-cont #principal-derecho{
	margin-left:225px;
	width:auto;	
}
#product-cont #principal-derecho article{
	position:relative;
	padding-top:50px;
	width:100%;
}
#principal-cont #principal-derecho article{
	position:relative;
	padding-top:50px;
	max-width:800px;
	min-width:600px;
	width:100%;
	padding-right:225px;
	margin:0 auto;
}
#principal-central article{
	margin-top:0px;
}
#index-servicios h1,
#index-webs h1{
	line-height:70px;
	border-width:1px;
	border-style:dashed;
	border-color:#575757 transparent #575757 transparent;
	text-align:center;
	font-weight:300;
	font-size:30px;
	color:#fff;
	letter-spacing:0.20em;
}
/* Article servicios
--------------------------------*/

#index-servicios{
	
}
#index-servicios h1 span{
	color:#ff4b4c;
	text-shadow:0px 0px 8px #333
}
#index-servicios table{widht:850px;margin:0 auto;}
#index-servicios table td{
	width:305px;
	padding:30px 60px;
	
}
#index-servicios table td img{
	float:left;
	margin-right:10px;
}
#index-servicios table td p{
	color:white;
	text-shadow:1px 1px 1px black;
	font-weight:300;
	font-size:14px;
}

/* Article web
--------------------------------*/

#index-webs{
	border-top:1px solid #595959;
}
#index-webs ul{list-style:none;	width:850px;margin:auto;text-align:center;}
#index-webs li{
	width:100px;
	display:inline-block;
	margin:0 10px;
}
#index-webs li a{
		height:200px;
		display:table-cell;
		vertical-align:middle;
}
#index-webs li img{
	width:100px;

}

/* Article Novedades
------------------------------*/
#index-novedades{
	
	width:100%;

}
/*Titulo novedades
----------------------------------*/
#index-novedades h1{
	/*position:absolute;
	top:-30px;;
	right:0;*/
	line-height:70px;
	color:#999;
	font-weight:300;
	letter-spacing:0.20em;
	font-size:30px;
	width:100%;
	text-align:center;
	border-bottom:1px dashed #ddd;
	/*text-shadow:1px 1px 1px black;*/
}

/*Listado de productos novedades
-----------------------------------------*/
#lista-novedades{
	overflow:hidden;
	max-width:840px;
	min-width:600px;
	width:100%;
	background-color:white;
}
#lista-novedades table{
	border-collapse:collapse;
	margin:0 auto;
}
#lista-novedades td{
	position:relative;
			text-align:center;

}
#lista-novedades h2{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	width:100%;
	padding-top:50px;
}
#lista-novedades .borderD{
	border-top:1px dashed #ddd;
} 
#lista-novedades .grandes{
	width:300px;
	padding:60px;
	height:350px;
	border-right:1px dashed #ddd;
}
#lista-novedades .grandes:last-child{border-right:none;}
#lista-novedades .pequeñas{
	width:200px;
	padding:20px;
	height:250px;
	border-right:1px dashed #ddd;
}
#lista-novedades .pequeñas:last-child{border-right:none;}

/*Acomodacion de imagenes novedades
--------------------------------------------------*/
#lista-novedades .grandes img{width:100%;}
#lista-novedades .pequeñas img{width:100%;}

/*LISTA PRODUCTOS
-----------------------------------------*/
/* Article productos
------------------------------*/
#index-productos{
	width:100%;

}
/*Listado de productos novedades
-----------------------------------------*/
#lista-productos{
	margin-bottom:20px;
	width:100%;
	background-color:white;
	text-align:center;
}
.ul-prod{
	list-style:none;
	
}
.ul-prod .pequeñas{
	max-width:20%;
	width:100%;
	min-width:200px;
	padding:25px;
	display:inline-block;
	vertical-align:middle;
}
.ul-prod .grandes{
	max-width:40%;
	width:100%;
	min-width:600px;
	padding:25px;
	display:inline-block;
	vertical-align:middle;
}
.ul-prod .pequeñas:first-child{
	border:none;
}
.cat-title{
	line-height:40px;
	width:100%;
	font-weight:300;
	color:#999;
	font-size:20px;
	border-width:1px 0px;
	border-style:solid solid dashed;
	border-color:#ddd;
}
.ul-prod .pequeñas h2{
	font-size:10px;
	width:100%;
	padding-top:10px;
	background-color:white;	
	text-transform:uppercase;
}

.ul-prod .grandes h2{
	font-size:16px;
	font-family:'Open Sans', georgia, arial, sans-serif;
	font-weight:300;
	width:100%;
	padding-top:10px;
	background-color:white;	
	text-transform:inherit;
}

/*LISTA RESOLV
----------------------------------------*/
.resolv , .error{
	padding:0 10px;
	
	/*box-shadow:1px 1px 1px #333;*/
	font-size:12px;
	list-style:none;
	border-width:1px;
	border-style: solid;
	border-color: #ddd;
	border-radius:3px 3px 0px 0px;*/

}
.resolv{
	background-color:#fff;
}
.resolv div{
	display:inline;
}
.resolv a{
	position:relative;	
	text-decoration:none;
	font-family:"Open sans";
	font-weight:300;
	line-height:36px;
	color:#333;
}
.resolv span{
		padding: 0px 12px 0px 4px;
}
.resolv span:after{
	content:"";
	position:absolute;
	border-width:18px 10px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	right:-10px;
		top:50%;
	margin-top:-18px;
}
.resolv span:before{
	content:"";
	position:absolute;
	border-width:18px 10px;
	border-style:solid;
	border-color:transparent transparent transparent #ddd;
	right:-11px;
	top:50%;
	margin-top:-18px;
}
.resolv a:last-child:before,
.resolv a:last-child:after
{content:none;}
.resolv a:hover{
	color:#ff4b4c;
	text-shadow:none;	
}
.error {
	box-shadow:1px 1px 1px #333;
	background-color:#ff4b4c;
	color:white;
}


/*Acomodacion de imagenes novedades
--------------------------------------------------*/
#lista-productos .grandes img{width:580px;}
#lista-productos .pequeñas img{width:180px;}
/*configuracion general del menu
-------------------------------*/
#menu{
	/*position:absolute;
	left:50%;
	top:525px;
	margin-left:-500px;*/
	position:relative;
	margin-top:50px;
	float:left;
	overflow:hidden;
	width:200px;
	border-radius:3px 3px 0 0;
	padding-bottom:20px;
}
#menu:before{
	content:"";
	position:absolute;
	width:200px;
	height:20px;
	bottom:0px;
	background-image:url(../imagenes/recursos/recortenegro.gif);
	background-repeat:repeat-x;
}
#menu ul{list-style:none;width:100%;}
#menu  li, .flecha{
	position:relative;
	width:200px;
	line-height:35px;
}
.menuList li a{
	color:white;
	text-decoration:none;
	text-transform:lowercase;
	font-family: 'Droid Sans',helvetica, sans-serif;
	font-weight:300;
}
.flecha > a{
	display:inline;
	line-height:1em;
}
.menuList li > a {
	display:block;
	line-height:35px;
}

/*Li categorias principales
-----------------------------*/
.menuList > li{
	background-color:black;
	border-bottom:1px dashed #aaa;
}
.menuList > li > .flecha > a,
.menuList > li > a{
	font-size:13px;
	margin-left:40px;
}
#menuList li:hover {	cursor:pointer;}

/*Submenus
------------------------------*/
.menuList > li > ul{background-color:#292929;position:relative;}
.menuList li > ul a{font-size:11px;padding:0px 10px 0px 20px;text-shadow:1px 1px 1px black;}
.menuList > li > ul > li {
	border-bottom:1px solid #333;
}
.menuList > li > ul:before{
	content:"";
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:black transparent transparent;
	left:6px;
	top:0px;
}

/*Sub-submenus
-------------------------------*/
.menuList li > ul li > ul{
	background-color:#393939;position:relative;
	border-width:1px 0px;
	border-style:solid;
	border-color:#222;
}
.menuList li > ul li > ul:before{
	/*content:"";*/
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:#292929 transparent transparent;
	right:6px;
	top:0px;
}

/*Menu interactivo desplegables
-------------------------------*/
.menuList li.desplegado > .flecha > a{
		color:#ff4b4c;
}
.menuList > li.desplegado > .flecha > a{
		color:white;
}
.menuList > li.plegado:hover > .flecha > a{color:#ff4b4c}
.menuList li > a:hover,
.menuList .flecha a:hover {
	text-decoration:underline;
}

#menuNav > li:before{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	top:5px;
	left:5px;
	background-image:url(../imagenes/recursos/iconospreet.png);
}

.menuList .icono{
	position:absolute;
	width:24px;
	height:24px;
	top:5px;
	left:5px;
}
li.menu-active > a:before,
li.menu-active > div > a:before{
	content:" ";
	position:absolute;
	border-width:10px 10px;
	border-style:solid;
	border-color:transparent #fff transparent transparent;
	top:50%;
	margin-top:-10px;
	right:0px;
}

#menuListCamara:before{background-position:0px 0px;}
#menuListCamara.desplegado:before{background-position:0px 24px;}

#menuListLuces:before{background-position:-72px 0px;}
#menuListLuces.desplegado:before{background-position:-72px 24px;}

#menuListSonido:before{background-position:-48px 0px;}
#menuListSonido.desplegado:before{background-position:-48px 24px;}

#menuListGrip:before{background-position:-96px 0px;}
#menuListGrip.desplegado:before{background-position:-96px 24px;}

#menuListFM:before{background-position:-168px 0px;}
#menuListFM.desplegado:before{background-position:-168px 24px;}

.flecha:hover{
	cursor:pointer;
}
.menuList > li > ul > li.plegado:before{
	content:" ";
	position:absolute;
	border-width:5px;
	border-style:solid;
	border-color:transparent transparent transparent #666;
	top:15px;
	right:5px;
	}
.menuList > li > ul > li.desplegado:before
{
	content:" ";
	position:absolute;
	border-width:5px;
	border-style:solid;
	border-color: #666 transparent transparent transparent;
	top:15px;
	right:10px;
	}

#dataContact li:before{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	top:10px;
	left:6px;
	border:none;
	background-image:url(../imagenes/recursos/iconospreet.png);	
}
#dataContact li{
	padding:5px 0px 0px 40px;
	background-color:black;
	font-size:11px;
	font-family: helvetica,'Droid Sans', sans-serif;
	color:white;
}
#direccion:before{	background-position:-144px 0px;}
#telefono:before{	background-position:-120px -24px;}
#correo:before{	background-position:-144px -24px;}
section.centrado{height:1000px;}

/*imagen del footer
----------------------------------*/

#image-footer{
		position:relative;
		width:100%;
		height:400px;
		background-color:#f0ede5;
}
#image-footer img{
	position:absolute;
	left:50%;
	margin-left:-750px;
	z-index:10;
}
.serch-desc{
	font-weight:300;
	font-size:11px;
	color:#999;
}