/*GENERALES*/
.destacado1{
font-weight:bold;
color:#E46417;
}
.destacado2{
color:#D0180F;
font-size:18px;
}
.suave1{color:#8D8C8A;}
/*SIMPLETREE MENU*/
.treeview{
width:120px;width:135px; margin-left:-10px;
float:left;
text-align:right;
}
* html .treeview{margin-left:-4px;}
.treeview a{
color:#8A8A8A;
font-size:11px;
background:url(../imagenes/vin02.gif) no-repeat left 4px;
padding-left:2px;
vertical-align:top;
}
.treeview a:hover{
color:#D0180F;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
line-height:18px;
margin-bottom:10px;
color:#E46417;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}
.treeview li.submenu ul{
display: none;
}
.treeview .submenu ul li{ 
cursor: default;
margin-bottom:2px;
}
/*IGUAL QUE SIMPLETREE MENU*/
.trabajos_menu{
width:120px;width:135px; margin-left:-10px;
float:left;
text-align:right;
}
* html .trabajos_menu{margin-left:-4px;}
.trabajos_menu a{
color:#8A8A8A;
font-size:11px;
background:url(../imagenes/vin02.gif) no-repeat left 4px;
padding-left:2px;
vertical-align:top;
}
.trabajos_menu a:hover{
color:#D0180F;
}
.trabajos_menu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
color:#E46417;
line-height:16px;
margin-bottom:8px;
}
.trabajos_menu .destacado2{margin-bottom:5px; display:block}
/*INICIO*/
.portada1{
	width:372px;
	/*overflow:hidden;position:relative;*/
}
.portada1 div{
	height:225px;
}
.portada1 img{
margin-bottom:6px;
}
.trabajos_actuales{
	width:376px;
	margin-right:-4px;
}
.trabajos_actuales li{
	float:left;
	margin-right:4px;
}
.trabajos_actuales a{
	display:block;
	width:90px;
	height:150px;
	color:#000000;
	cursor:pointer;
	}
.trabajos_actuales img{
	display:block;
	margin-bottom:0px;
}
.trabajos_actuales  div{
	padding:10px;
	font-size:10px;
	text-align:left;
	border:1px dashed #CCCCCC;
	border-top:0px;
	height:auto;
	height:70px;
}
.trabajos_actuales a:hover div{
	background: url(../imagenes/llama_amarilla.png) no-repeat right bottom;
}
* html .trabajos_actuales a:hover div{
	background: none;
}
.portada2{
	width:447px;
	position:absolute;
	right:40px;
	top:148px;
}
.portada2 a{
	border:1px dashed #CCCCCC;
	margin-bottom:19px;
	padding:20px;
	height:144px;
	display:block;
	overflow:hidden;
}
.portada2 a:hover{border:1px solid #E46417;}
.efectos_portada{background:url(../imagenes/efectos.jpg) no-repeat 1px 121px;}
.efectos_produccion{background:url(../imagenes/produccion.jpg) no-repeat 1px 121px;}
* html .portada2 a{height:145px;margin-bottom:21px; background-position:1px 122px;}
*+html .portada2 a{height:145px;margin-bottom:21px; background-position:1px 122px;}
.rotulo_portada{display:block; margin-bottom:6px; text-indent:-9999px; background: no-repeat left top;}
.efectos_portada .rotulo_portada{background-image:url(../imagenes/efectos.gif)}
.efectos_produccion .rotulo_portada{background-image:url(../imagenes/produccion.gif);}
/**/
.mapa{
width:500px;
height:400px;
float:left;
}
.form_contacto{
margin-left:515px;
display:block;
position:relative;
}
.form_contacto div{
border-bottom:1px dashed #EBE8D6;
position:relative;
line-height:46px;
overflow: hidden;
width:330px;
background: url(../imagenes/input01.png) no-repeat 82px 10px;
}
.form_contacto div.enviado{
position:absolute;
left:0px;
line-height:normal;
background:none;
}
.form_contacto div.telefonos{
background: url(../imagenes/input01corto.png) no-repeat 82px 10px;
}
.form_contacto div.telefonos span{
}
.form_contacto div.sinborde,.form_contacto div.mensaje{
border-bottom:0px;
position:relative;
line-height:normal;
overflow:visible;
}
.form_contacto input,.form_contacto textarea{
width:225px;
margin-left:20px;
border:1px solid #E3DFC6;
color:#6A613E;
position:absolute;
left:72px;
top:10px;
border:0px;
background:none;
color:#FFFFFF;
font-weight:bold;
padding:4px 0px;
}
.form_contacto div.mensaje{
background: url(../imagenes/textarea01.png) no-repeat 82px 11px ;
width:332px;
overflow:hidden;
position:relative;
height:120px;
}
.form_contacto textarea{
height:80px;
width:223px;
left:73px;
top:20px;
}
.form_contacto .telefonos input{
width:90px;
background:none;
margin-left:21px;
}
.form_contacto span{
display:block;
width:115px;
height:30px;
position:absolute;
left:214px;
top:10px;
background: url(../imagenes/input01corto.png) no-repeat 0px 0px;
}
.form_contacto div.telefonos span input{
left:12px;
top:0px;
margin-left:0px;
}
.form_contacto input.enviar{
width:100px;
border:1px solid #E3DFC6;
padding:4px;
font-size:11px;
font-weight:bold;
text-transform:lowercase;
color:#FFFFFF;
background:#C0291D;
left:207px;
top:10px;
}
/**/
.fondo2punto0{
position:absolute;
left:8px;
top:132px;
width:901px;
height:434px;
background:url(../imagenes/fondo2punto0.jpg) no-repeat left top;
}
.texto2punto0{
position:absolute;
left:8px;
top:132px;
width:901px;
height:434px;
}
.texto2punto0 a{
position:absolute;
display:block;
width:160px;
height:160px;
text-indent:-9999px;
}
#fotolog{
left:216px;
top:0px;
}
#myspace{
left:526px;
top:0px;
}
#windowslive{
left:216px;
top:259px;
}
#cinemavip{
left:526px;
top:259px;
}
/**/
.columna1,.columna2{
float:left;
width:413px;
}
.columna2{
margin-left:24px;
}
.columna1 li,.columna2 li{
margin-top:11px;
background: url(../imagenes/vin01.gif) no-repeat left 3px;
padding-left:12px;
text-align:left;
}
.columna1{width:323px;}
.columna2{width:503px;}
/*GALERIAS DE TRABAJOS*/
.galeria_trabajos{
position:absolute;
left:166px;
top:0px;
}
.galeria_trabajos div{
position:absolute;
background-repeat:no-repeat;
background-position:left top;
text-align:left;
overflow:hidden;
}
.galeria_trabajos div.largo{
overflow:auto;
padding-right:5px;
scrollbar-base-color: gray;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #DEDEDE;
scrollbar-arrow-color: #E46417;
scrollbar-3dlight-color: #DEDEDE;
scrollbar-darkshadow-color: #DEDEDE;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
}
.galeria_trabajos div div{
position:relative;
padding:0px;
margin:10px;
}
.icono_cine{
background:url(../imagenes/icono_cine.jpg);
width:96px;
height:157px;
left:275px;
top:220px;
}
/*
.icono_cine{
background:url(../imagenes/trabajos_temp.png);
width:112px;
height:136px;
left:257px;
top:220px;
}
*/
.galeria_trabajos a.video{
position:absolute;
left:94px;
top:407px;
display:block;
padding:4px;
border:2px solid #DDDDDD;
background:#FFFFFF url(../imagenes/video.gif) no-repeat left top;
padding-left:14px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:12px;
padding-top:5px;
text-align:right;
padding-right:4px;
width:78px;
}
.galeria_trabajos a.video:hover{border-color:#E46417;}
.bocadillo1{
background:url(../imagenes/bocadillo1.gif);
width:207px;
height:251px;
padding-right:20px;
left:40px;
top:170px;
}
.bocadillo2{
background:url(../imagenes/bocadillo2.gif);
width:332px;
height:251px;
padding-left:20px;
left:360px;
top:170px;
padding:11px;
padding-left:30px;
}
.bocadillo2 img{
position:absolute;
left:30px;
top:11px;
display:none;
}
.bocadillo2 img#foto1{
display:block;
}
.bocadillo1 div{height:228px;}
.bocadillo3{
background:url(../imagenes/bocadillo3.gif);
width:75px;
height:100px;
left:200px;
top:130px;
padding:10px;
}
.bocadillo4{
background:url(../imagenes/bocadillo4.png);
width:75px;
height:100px;
left:320px;
top:380px;
padding:10px;
padding-top:28px;
}
.bocadillo5{
background:url(../imagenes/bocadillo5.png);
width:75px;
height:100px;
left:250px;
top:420px;
padding:10px;
padding-top:29px;
}
.bocadillo6{
background:url(../imagenes/bocadillo6.png);
width:140px;
height:200px;
left:583px;
top:350px;
padding:10px;
}
.bocadillo7{
background:url(../imagenes/bocadillo7.png);
width:160px;
height:85px;
left:570px;
top:378px;
padding:10px;
}
.bocadillo8{
background:url(../imagenes/bocadillo8.png);
width:140px;
height:200px;
left:578px;
top:375px;
padding:10px;
}
* html .bocadillo4{background:url(../imagenes/bocadillo4.gif);}
* html .bocadillo5{background:url(../imagenes/bocadillo5.gif);}
* html .bocadillo6{background:url(../imagenes/bocadillo6.gif);}
* html .bocadillo7{background:url(../imagenes/bocadillo7.gif);}
* html .bocadillo8{background:url(../imagenes/bocadillo8.gif);}
.bocadillo3 img,.bocadillo4 img,.bocadillo5 img{cursor:pointer;}
.galeria_trabajos p{
margin-bottom:15px;
color:#000000;
font-size:11px;
line-height:130%;
}
.galeria_trabajos p strong{
color:#8D8C8A
}
.galeria_trabajos p.nombre_trabajo{
font-size:18px;
color:#E46417;
text-transform:uppercase;
margin-bottom:10px;
width:150px;
line-height:105%;
}
/*EFECTOS ESPECIALES*/
.lista_over{
text-align:center;
position:relative;
top:160px;
left:0px;
width:100%;
display:block;
}
.lista_over li{
display:inline-block;
cursor:pointer;
margin:0 4px;
width:159px;
margin-bottom:20px;
float:left;
border:1px dashed #DDDDDD;
padding:8px 0px;
color:#E46417;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.lista_over div{
position:absolute;
left:0px;
top:-177px;
display:none;
width:850px;
height:100px;
background:#FFFFFF;
}
.lista_over li div{
color:#8D8C8A;color:#000000;
font-weight:normal;
text-transform:none;
font-size:13px;
font-family: "Lucida Sans Unicode","Lucida Grande","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}
.lista_over li p{
color:#E46417;
font-weight:normal;
text-transform:uppercase;
font-size:18px;
margin-bottom:5px;
}
.lista_over_inicio{
position:relative;
top:75px;
left:0px;
width:650px;
text-align:center;
margin:0 auto;
}
.lista_over_inicio p{
margin-bottom:5px;
font-size:21px;
}
/*SERVICIOS DE PRODUCCION*/
.produccion{
width:817px;
display:block;
overflow:hidden;
text-align:center;
margin:0 auto;
color:#D0180F;
font-size:21px;
}
.produccion li{
border:1px dashed #DDDDDD;
float:left;
display:block;
width:220px;
margin:0px 10px;
margin-top:20px;
padding:15px;
}
* html .produccion li{
position:relative;
left:-10px;
}
.produccion li ul{
color:#E46417;
font-size:18px;
}
.produccion li ul li{
border:none;
float:none;
display:list-item;
width:auto;
margin:0px;
padding:0px;
left:0px;
margin-top:10px;
color:#000000;
}
