/* CSS MadeInRed */

*{
	padding: 0;
	margin: 0;
}

.clear-l{
	clear:left;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#e7e7e7;
	background-image:url(../img/fondo_gris.jpg);
	background-repeat:repeat-x;
}

#mascara{
	width: 1050px;
	height:800px;
	margin: auto;
	padding-top:40px;
	background-image:url(../img/bg-mascara.png);
	background-repeat:no-repeat;
	background-position:top;
}

#contenedor{
	width: 900px;
	height:700px;
	margin: auto;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

#contenido-index{
	width:810px;
	float:left;
	height:590px;
	padding-top:80px;
	padding-left:35px;
}

#flash-index{
	width: 900px;
	height:700px;
	margin: auto;
	position:relative;
	top:1px;
	left:1px;
	z-index: 2;
	background-color:#E7E7E7;
}

#pie{
	width:900px;
	color:#333;
	font-size:10px;
	margin: auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}


#pie a, #pie a:visited{
	color:#333;
	text-decoration:none;
}

#pie a:hover{
	color:#000;
}

#pie-texto{
	width:750px;
	text-align:left;
	float:left;
}

#pie img{
	border:none;
}

#pie-img{
	width:150px;
	float:left;
	text-align:right;
}

#pie-img img{
	border:none;
}

#pie-aviso{
	width:900px;
	text-align:center;
	padding-top:10px;
}

/*MENU SUPERIOR (apostamos | staff | contacta)*/

#menu-sup{
	width:900px;
	height:21px;
	padding-top:4px;
	float:left;
	background-color:#c6c6c6;
	font-weight:bold;
}

#menu-sup ul{
	width:850px;
}

#menu-sup ul li{
	list-style:none;
	float:right;
	height:17px;
	padding-top:2px;
	text-align:center;
	padding-left:5px;
}

#menu-sup ul li a, #menu-sup ul li a:visited{
	color:#333;
	text-decoration:none;
}

#menu-sup ul li a:hover, #menu-sup ul li a.activo{
	color:#F00;
}

/*MENU PRINCIPAL*/

#logo-index{
	width:785px;
	height:100px;
}

#logo-index img{
	border:none;
}

#menu-index{
	width:465px;
	height:400px;
	color:#646566;
	position: relative;
	margin: 0px;
	padding-top:40px;
}

#menu-index-cont{
	bottom: 0pt;
	position: absolute;
}

#menu-index-cont img{
	border:none;
}

#menu-index ul li{
	list-style:none;
	font-size:12px;
	font-size:28px;
	font-weight:bold;
}

#menu-index ul li a, #menu-index ul li a:visited{
	color:#646566;
	text-decoration:none;
}

#menu-index ul li a:hover, #menu-index ul li a.activo{
	color:#000;
	text-decoration:none;
}


/*+++++++++++++++++++++*/
/******INTERIORES*******/
/*+++++++++++++++++++++*/


#contenedor-interior{
	width: 900px;
	height:700px;
	margin: auto;
	position:absolute;
	top:0;
	left:0;
	z-index: 1; 
}

#menu-contenido{
	width:565px;
	text-align:right;
	color:#FFF;
	height:24px;
}

#menu-contenido ul li{
	list-style:none;
	display:inline;
	font-size:12px;
	padding-left:5px;
}

#menu-contenido ul li a, #menu-contenido ul li a:visited{
	color:#FFF;
	text-decoration:none;
}

#menu-contenido ul li a:hover, #menu-contenido ul li a.activo{
	color:#F00;
	text-decoration:none;
}


#flash-trabajos{
	width: 900px;
	height:700px;
	background-color:#272727;
	margin: auto;
	position:relative;
	top:1px;
	left:1px;
	z-index: 2; 
}

#flash{
	width: 900px;
	height:700px;
	margin: auto;
	position:relative;
	top:1px;
	left:1px;
	z-index: 2;
	background-color:#272727;
}

#trabajo{
	width: 900px;
	height:700px;
	margin: auto;
	position:relative;
	top:1px;
	left:1px;
	z-index: 1; 
}

#logo-interior{
	width:192px;
	padding-left:55px;
	height:30px;
	padding-top:30px;
}

#logo-interior img{
	border:none;
}

#contenido-interior{
	width:765px;
	height:300px;
	padding-top:300px;
	padding-left:65px;
}

.flecha-sup{
	width:675px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:100px;
	overflow:hidden;
}

.flecha-sup a, .flecha-sup a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-sup.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-sup a:hover{
	width:15px;
	height:15px;
	background-image:url(../img/flecha-sup-activo.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-sup img{
	border:none;
}

.flecha-inf{
	width:675px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:100px;
	overflow:hidden;
}

.flecha-inf a, .flecha-inf a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-inf.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-inf a:hover{
	width:15px;
	height:15px;
	background-image:url(../img/flecha-inf-activo.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-inf img{
	border:none;
}

#marco-interior{
	width:775px;
	height:238px;
	background-image:url(../img/fondo-contendio.jpg);
	
}

#menu-contenido-int{
	width:755px;
	text-align:right;
	color:#FFF;
	height:24px;
	padding-top:10px;
	padding-right:20px;
}

#menu-contenido-int ul li{
	list-style:none;
	display:inline;
	font-size:12px;
	padding-left:5px;
}

#menu-contenido-int ul li a, #menu-contenido-int ul li a:visited{
	color:#FFF;
	text-decoration:none;
}

#menu-contenido-int ul li a:hover, #menu-contenido-int ul li a.activo{
	color:#F00;
	text-decoration:none;
}

.house{
	width:12px;
}

.house a, .house a:visited{
	width:12px;
	background-image:url(../img/house.jpg);
	background-repeat:no-repeat;
}

.house a:hover{
	width:12px;
	background-image:url(../img/house-activo.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

#seccion-tit{
	width:745px;
	height:43px;
	padding-left:10px;
	font-size:30px;
	color:#FFF;
}

#seccion-texto{
	width:423px;
	float:left;
	height:100px;
	color:#FFF;
	padding-left:122px;
	padding-top:20px;
	
}

#seccion-texto a, #seccion-texto a:visited{
	color:#FFF;
	text-decoration:none;
}

#seccion-texto img{
	border:none;
}

#sub-menu{
	width:150px;
	height:100px;
	color:#FFF;
	padding-top:20px;
	float:left;
	padding-left:70px;
	overflow:auto;
}

#sub-menu ul li{
	list-style:none;
	height:20px;
}

#sub-menu ul li a, #sub-menu ul li a:visited{
	color:#FFF;
	text-decoration:none;
}

#sub-menu ul li a:hover, #sub-menu ul li a.activo{
	color:#F00;
}

#leermas{
	width:50px;
	height:25px;
	float:left;
	color:#F00;
	font-weight:bold;
	padding-left:122px;
	padding-top:10px;
}

#leermas a, #leermas a:visited{
	color:#F00;
	text-decoration:none;
}

#leermas a:hover{
	color:#F00;
	text-decoration:underline;
}

#controlesPaginacion{
	width:100px;
	color:#666;
	font-size:11px;
	height:25px;
	float:left;
}

#controlesPaginacion a, #controlesPaginacion a:visited{
	color:#666;
	text-decoration:none;
}

#controlesPaginacion a:hover{
	color:#FFF;
}

#enlace{
	width:130px;
	height:25px;
	color:#F00;
	font-weight:bold;
	float:left;
}

#enlace img{
	border:none;
}

#enlace a, #enlace a:hover{
	color:#F00;
	text-decoration:none;
}


/*+++++++++++++++++++++*/
/******Apostamos********/
/*+++++++++++++++++++++*/


#marco-interior-apost{
	width:775px;
	height:238px;
	background-image:url(../img/fondo-contendio2.jpg);
}

#seccion-texto-apost{
	width:710px;
	height:100px;
	color:#FFF;
	padding-left:52px;
	padding-top:20px;
	
}

#seccion-texto-apost a, #seccion-texto-apost:visited{
	color:#FFF;
	text-decoration:none;
}

#seccion-texto-apost img{
	border:none;
}


#menu-contenido-apost{
	width:755px;
	text-align:right;
	color:#FFF;
	height:24px;
	padding-top:10px;
	padding-right:20px;
}

#menu-contenido-apost ul li{
	list-style:none;
	display:inline;
	font-size:12px;
	padding-left:5px;
}

#menu-contenido-apost ul li a, #menu-contenido-apost ul li a:visited{
	color:#FFF;
	text-decoration:none;
}

#menu-contenido-apost ul li a:hover, #menu-contenido-apost ul li a.activo{
	color:#480205;
	text-decoration:none;
}

.house-apost{
	width:12px;
}

.house-apost a, .house-apost a:visited{
	width:12px;
	background-image:url(../img/house-apost.png);
	background-repeat:no-repeat;
}

.house-apost a:hover{
	width:12px;
	background-image:url(../img/house-activo-apost.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#controlesPaginacion-apost{
	width:372px;
	color:#FFF;
	font-size:11px;
	height:25px;
	padding-top:10px;
	float:left;
}

#controlesPaginacion-apost a, #controlesPaginacion-apost a:visited{
	color:#FFF;
	text-decoration:none;
}

#controlesPaginacion-apost a:hover{
	color:#480205;
}

/*+++++++++++++++++++++*/
/*********STAFF*********/
/*+++++++++++++++++++++*/

#contenedor-staff{
	width: 900px;
	height:700px;
	margin: auto;
	position:absolute;
	top:0;
	left:0;
	z-index: 1; 
}

#logo-staff{
	width:192px;
	padding-left:55px;
	height:30px;
	float:left;
	padding-top:30px;
}

#logo-staff img{
	border:none;
}

#contenido-staff{
	width:900px;
	height:200px;
	padding-top:100px;
}

#cuadro-staff{
	width:230px;
	padding-left:670px;
	height:270px;
	padding-bottom:60px;
}

#marco-staff{
	width:230px;
	background-color:#E20A17;
	height:270px;
	color:#FFF;
}

#staff-tit{
	width:120px;
	height:30px;
	padding-left:45px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:30px;
	font-weight:bold;
}

#staff-int{
	width:120px;
	padding-left:45px;
	font-size:11px;
}

#staff-texto{
	width:165px;
	height:48px;
	background-color:#E20A17;
	font-size:14px;
	font-weight:bold;
	padding-left:50px;
	padding-top:12px;
	color:#FFF;
}


.blanco{
	color:#FFF;
}

.flecha-staff{
	width:565px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:180px;
	overflow:hidden;
}

.flecha-staff a, .flecha-staff a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-sup-activo.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-staff a:hover{
	width:15px;
	height:14px;
	background-image:url(../img/flecha-sup.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-staff img{
	border:none;
}

.flecha-staff-in{
	width:565px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:180px;
	overflow:hidden;
}

.flecha-staff-in a, .flecha-staff-in a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-inf-activo.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-staff-in a:hover{
	width:15px;
	height:14px;
	background-image:url(../img/flecha-inf.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-staff-in img{
	border:none;
}

#menu-staff{
	width:755px;
	height:35px;
	padding-top:50px;
	padding-left:55px;
	text-align:right;
	color:#FFF;
}

#menu-staff ul{
	background-image:url(../img/fondo-contendio2.jpg);
	height:25px;
	padding-top:10px;
	padding-right:20px;
	width:755px;
}

#menu-staff ul li{
	list-style:none;
	display:inline;
	font-size:12px;
	padding-left:5px;
}

#menu-staff ul li a, #menu-staff ul li a:visited{
	color:#FFF;
	text-decoration:none;
}

#menu-staff ul li a:hover, #menu-staff ul li a.activo{
	color:#480205;
	text-decoration:none;
}

/*+++++++++++++++++++++*/
/*******CONTACTA********/
/*+++++++++++++++++++++*/

#contenedor-contact{
	width: 900px;
	height:700px;
	margin: auto;
	position:relative;
	background-image:url(../img/fondo-contacta.jpg);
	background-repeat:no-repeat;
}

#logo-contact{
	width:192px;
	padding-left:55px;
	height:30px;
	float:left;
	padding-top:30px;
}

#logo-contact img{
	border:none;
}

#contenido-contact{
	width:900px;
	height:200px;
	padding-top:100px;
}

#marco-contact{
	width:900px;
	height:424px;
	color:#FFF;
}

#contacta-contact{
	width:330px;
	height:404px;
	padding-left:70px;
	padding-top:20px;
	float:left;
}

#contacta-contact a, #contacta-contact a:visited{
	color:#FFF;
	text-decoration:none;
}

#contacta-contact a:hover{
	text-decoration:underline;
}

#contacta2-contact{
	width:270px;
	height:350px;
	float:left;
	padding-left:60px;
	padding-top:65px;
}

#contacta2-contact a, #contacta2-contact a:visited{
	color:#FFF;
	text-decoration:none;
}

#contacta2-contact a:hover{
	text-decoration:underline;
}

/*+++++++++++++++++++++*/
/*********MAPA**********/
/*+++++++++++++++++++++*/

#contenedor-mapa{
	width: 900px;
	min-height:700px;
	margin: auto;
	position:relative;
	background-position:bottom;
	background-color:#F80000;
}

#logo-mapa{
	width:192px;
	padding-left:55px;
	height:30px;
	float:left;
	padding-top:30px;
}

#logo-mapa img{
	border:none;
}

#contenido-mapa{
	width:900px;
	min-height:200px;
	padding-top:100px;
}

#tit-mapa{
	width:800px;
	height:40px;
	color:#FFF;
	padding-left:100px;
	font-size:30px;
	padding-bottom:30px;
}

#marco-mapa{
	width:200px;
	height:354px;
	color:#FFF;
	padding-left:100px;
	font-size:12px;
	
}

#marco-mapa  a, #marco-mapa a:visited{
	color:#FFF;
	text-decoration:none;
}

#marco-mapa a:hover{
	text-decoration:underline;
}

#marco-mapa ul li{
	list-style:none;
	font-weight:bold;
}

#marco-mapa ul li ul {
	padding-bottom:15px;
}

#marco-mapa ul li ul li{
	list-style:none;
	font-size:11px;
	font-weight:normal;
	padding-left:15px;
}



/*+++++++++++++++++++++*/
/******Portfolio*******/
/*+++++++++++++++++++++*/

#tit-bajo{
	width:795px;
	height:83px;
	padding-top:500px;
	padding-left:55px;
}

#tit-bajo-cont{
	height:83px;
	padding-left:20px;
	background-image:url(../img/fondo-port.jpg);
}

#tit-bajo-t{
	color:#FFF;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}

#tit-bajo-texto{
	color:#FFF;
	font-size:12px;
	width:520px;
	height:50px;
	float:left;
}

#tit-bajo-texto a, #tit-bajo-texto a:visited{
	color:#666;
	text-decoration:none;
}

#tit-bajo-pag{
	color:#FFF;
	font-size:12px;
	float:left;
	width:200px;
	height:15px;
	padding-top:30px;
	text-align:right;
}

#tit-bajo-pag a, #tit-bajo-pag a:visited{
	color:#FFF;
	text-decoration:none;
}

#tit-bajo-pag a:hover, #tit-bajo-pag a.activo{
	color:#F00;
}

.flecha-derecha{
	width:15px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:700px;
	overflow:hidden;
}

.flecha-derecha a, .flecha-derecha a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-sup.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-derecha a:hover{
	width:15px;
	height:15px;
	background-image:url(../img/flecha-sup-activo.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-derecha img{
	border:none;
}

.flecha-derecha2{
	width:15px;
	height:15px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:700px;
	overflow:hidden;
}

.flecha-derecha2 a, .flecha-derecha2 a:visited{
	width:15px;
	height:0px;
	padding-top:15px;
	background-image:url(../img/flecha-inf.jpg);
	background-repeat:no-repeat;
	display:block;
}

.flecha-derecha2 a:hover{
	width:15px;
	height:15px;
	background-image:url(../img/flecha-inf-activo.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.flecha-derecha2 img{
	border:none;
}

/*+++++++++++++++++++++*/
/****Portfolio Video****/
/*+++++++++++++++++++++*/

#contenedor-portfolio{
	width: 880px;
	background-image:url(../img/fondo-tramado.jpg);
	height:700px;
	margin: auto;
	padding-left:20px;
	top:1px;
	left:1px;
}

#logo-portvideo{
	width:801px;
	height:30px;
	padding-top:30px;
	padding-left:35px;
}

#logo-portvideo img{
	border:none;
}

#cuerpo-video{
	width: 774px;
	height:450px;
	padding-left:35px;
	padding-top:20px;
}

#portvideo{
	width:550px;
	height:450px;
	background-color:#000;
	float:left
}

#portmenu{
	width:210px;
	height:450px;
	padding-left:10px;
	float:left;
	display:block;
	overflow:auto;
}

#portmenu ul{
	width:193px;
}

#portmenu ul li{
	list-style:none;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
	height:60px;
}

#portmenu ul li.gris{
	background-color:#CCC;
}

#portmenu ul li.blanco{
	background-color:#FFF;
}

.menu-imagen{
	width:70px;
	height:50px;
	border:1px solid #000;
	float:left;
}

.menu-imagen img{
	border:none;
}

.menu-texto{
	width:105px;
	height:50px;
	float:left;
	font-size:10px;
	padding-left:5px;
}

.menu-texto a, .menu-texto a:visited{
	color:#000;
	text-decoration:none;
}

#port-bajo{
	width:775px;
	height:83px;
	padding-top:40px;
	padding-left:35px;
}

#port-bajo-cont{
	height:83px;
	padding-left:20px;
	background-image:url(../img/fondo-contendio2.jpg);
}

#port-bajo-t{
	color:#FFF;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}

#port-bajo-texto{
	color:#FFF;
	font-size:12px;
	width:520px;
	height:50px;
	float:left;
}

/*+++++++++++++++++++++*/
/******Video*******/
/*+++++++++++++++++++++*/

#contenedor-video{
	width: 900px;
	height:700px;
	margin: auto;
	background-color:#333;
	background-image:url(../img/bg-contenedor.png);
	background-repeat:no-repeat;
}

#logo-video{
	width:192px;
	padding-left:55px;
	height:30px;
	float:left;
	padding-top:30px;
}

#logo-video img{
	border:none;
}

/*#video{
	width:900px;
	height:555px;
	background-color:#8A0000;
}*/

#video-int{
	width: 900px;
	height:555px;
	position:absolute;
	top:1px;
	left:1px;
	z-index: 1; 
}

#video{
	width: 900px;
	height:555px;
	position:relative;
	top:1px;
	left:1px;
	z-index: 2; 
}

#menu-bajo{
	width:820px;
	height:95px;
	padding-left:40px;
	padding-top:35px;
	padding-right:40px;
}

#menu-bajo-t{
	background-color:#000;
	height:35px;
	padding-left:20px;
}



