div#logo, div#banner1, span { behavior: url(css/iepngfix.htc) }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/*end reset*/

/*----------------------------------------------------------------------------------*/


body{
	/* background: #CADACC url(images/barra.png) repeat-x; */
	font: normal 62.5% "Arial";/*,Verdana, URW Gothic L, Helvetica, sans-serif*/
	}
textarea{
	width:100%; height:400px;
}	
	
/*wrapper*/

div#wrapper{
	position: relative;
	}
	div#wrapper div#menuprincipal{
		width: 1010px; height: 150px;
		}
	
	#banner1{ /*div#wrapper div*/
		background: transparent url(images/logotexto.png) no-repeat left top;
		position: absolute;
		bottom: -15px; left: -175px;
		width:163px; height:94px;
		}

div#wrapper div#header{
	width: 1024px;
	margin: 0 auto;
	position:relative;
}	

div#wrapper div#header div#logo{
	background: transparent url(images/logo.png) no-repeat left top;
	position: absolute;
	top: 0px; left: 10px;
	width:199px; height:41px;
	}	
div#wrapper div#header div#menuprincipal{
	position:relative;
	width: 1024px;
	height: 56px;
	}
	div#wrapper div#header div#menuprincipal ul{
		list-style: none;
		position: absolute;
		right: 0; top: 35px;
		}
		div#wrapper div#header div#menuprincipal ul li{
			float: left;
			border-right: solid  1px #9a9a9a;
			padding: 0 10px;
 			height: 20px;	
			}
			div#wrapper div#header div#menuprincipal ul li a{
				font-size: 1.2em;
				line-height: 15px;
				color: #797979;
				text-decoration: none;
				padding-bottom: 5px;
				}
			div#wrapper div#header div#menuprincipal ul li a:hover{
				color: #317EAE;
			} 
			div#wrapper div#header div#menuprincipal ul li a.current{
				color: #317EAE;
				border-bottom: solid 1px #317EAE;
			
				}
			div#wrapper div#header div#menuprincipal ul li.sinborde{
				text-transform: lowercase;
				border:none;
				}


/*content*/
div#content{
	background: #CADACC url(images/fondoyoudiseño.png) no-repeat center top;
	position: relative;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	}
	div#content p a{
		color: black;
		/*float: left;*/
		padding-right: 10px;
		}

div#fondo{
	width: 1024px;
	margin: 0 auto;
	position:relative;
	min-height: 500px;
	height:1%;
	overflow:hidden;
	background: white url(images/fondoestudio.jpg) no-repeat center top;
	}
	/*agregar etiquetas en ingles*/
	div#fondo.fondoadministration {background:none;}
	/*div#fondo.fondoestudio,	div#fondo.fondostudio			  	{background: white url(images/fondoestudio.jpg) no-repeat center top;}
	div#fondo.fondoimagen-corporativa, div#fondo.fondocorporate-identity	{background: white url(images/fondoimgcorporativa.jpg) no-repeat center top;}*/
	div#fondo.fondoeventos,		div#fondo.fondoevents					{background: white url(images/fondoeventos.jpg) no-repeat center top;}
	div#fondo.fondopublicidad	,		div#fondo.fondoadvertising	{background: white url(images/fondopublicidad.jpg) no-repeat center top;}
	div#fondo.fondoelearning					{background: white url(images/fondoe-learning.jpg) no-repeat center top;}
	div#fondo.fondomultimedia					{background: white url(images/fondomultimedia.jpg) no-repeat center top;}
	div#fondo.fondositios-web,div#fondo.fondowebsites			{background: white url(images/fondowebsites.jpg) no-repeat center top;}
	
	
  div#iluminacion{
  background: transparent url(images/iluminacion.png) repeat-y left top;
	width: 1024px;height: 500px;
	float: left;
	}


	div#bottombox {
		font-size: 2.1em;
		color:#317EAE;
		margin:-50px auto 0;
		height:50px;
		/*width:1004px;
		padding: 0 10px;*/
		z-index:10;
		}	
	div#bottombox span{
			color: #969897;
			}	
	div#content div#contact{
		width:660px; height:491px;
		padding:14px 0 15px;
		float:left;

		}
		div#content div#contact form{
		width: auto;
		padding:0;
		}
		div#content div#contact p{
			background: transparent url(images/line-formulario.png) no-repeat center bottom;
			font-size: 1.2em;
			line-height: 15px;
			color: #444444;
			width:470px;
			padding: 0 0 0 100px;
		}
	div#content div#contact input, div#content div#contact textarea{
		margin-left: 10px;
		font-size: 1.13em;
		line-height:15px;
		border:none;
		background-color:transparent;
		width:350px;
		}	
	div#content div#contact textarea{
			width:350px;height:90px;
			
		}
	div#content div#contact label{
		display:inline-block;
			text-align:right;
			width:65px;
			vertical-align:top;
		}
	div#content div#contact label.calc{
			display:inline-block;
			text-align:left;
			width:auto;
			vertical-align:top;
		}
	div#content div#contact input.button{
			font-size: 1em;
			line-height:15px;
			float:right;
			color:#73AEC8;
			text-transform:uppercase;
			width: 100px;
			margin-right: 50px;
			cursor:pointer;
			}
		div#content div#contact input.button:hover{
			color:#444;
			}
	div#content div#contact input#calc{
		width:30px
		}
	.bottomtitle{
		font-size: 6.7em; 
		color:#bed9e3;
		position: absolute;
		top:430px;
		/*left: 371px;*/
		}

		
	ul.guion{
		list-style-image:none;
		list-style-position:inside;
		list-style-type:inherit;
		padding-left: 5px;
		}

/*Contenidos izquierdo, medio y derecho*/	
div#content div#cont_izq, 
div#content div#cont_medio,
div#content div#cont_der{
	/*position:absolute;*/
	}
	
/*Contenido izquierdo*/
div#content div#cont_izq{
	float:left;
	width:340px;
	padding: 10px 10px 70px 10px;

	} 
	div#content div#cont_izq h2{
		font-weight: normal;
		font-size: 2em;
		line-height:20px;
		color:#317EAE;
		margin: 10px 0 ;
		}
		div#content div#cont_izq h2 span{
			color: #969897;
			}
	div#content div#cont_izq h3{
		font-weight: normal;
		font-size: 1.4em;
		line-height:22px;
		color:#317EAE;
		margin: 5px 0 0 0;
		} 
	div#content div#cont_izq p, 
	div#content div#cont_izq ol, 
	div#content div#cont_izq ul{
		font-size: 1.4em;
		line-height:22px;
		color: #444444;
		width:auto;
		margin:0;
		}
	div#content div#cont_izq ol{
		list-style-image:none;
		list-style-position:inside;
		list-style-type:decimal;
		}

	div#content div#cont_izq a{
		color:#73aec8;
		}
	
/*Contenido medio*/
	div#formulario{
		width:656px; height:238px;
		position: absolute;
		top:10px; left: 280px;
	}			

/*Fin contenidos*/

/*footer*/
div#footer{
	width: 1004px; height: 20px;
	padding: 0px 10px;
	margin:0px auto 0;
	border: none;
	position: relative;
	}
	div#footer a{
		font-size: 1.2em;
		float: left;
		padding-right: 10px;
		text-decoration:none;
		}
	div#footer a.inactive {
		color: #317EAE;
		}
	div#footer a.active {
		color: #444444;
		}		
	div#footer div#sounds{
		float:right;
	}	
	div#footer div#sounds p{
		display:inline;
		font-size: 1.2em;
		color: #317EAE;
		padding:0 5px;
	}
	div#footer div#sounds a{
		color: #444444;
		display:inline;
		float:none;
		padding:0 5px;
	}
/*end footer*/
/*end wrapper*/

/******slideshow*****/
#slideshow { 
	background: url('../images/bg_shadow.gif') no-repeat top; 
	background:transparent url(images/ventana.png) no-repeat scroll left top;
	position: relative;
	padding: 14px 0 15px; 
	width: 660px; 
	height: 491px; 
	float:left;
	/*top:0; left:341px;*/
	}
#slideshow p{
	position:absolute;
	top: 400px;
	font-size:1.4em;
	}

#slideshow a.link_pdf{
	position:absolute;
	top: 370px; left:25px;
	font-size:1.2em;
	line-height:18px;
	color:#444444;
	text-decoration:none;
	padding-left: 24px;
	background: transparent url('images/Icono PDF.jpg') no-repeat left top;
}
#slideshow a.link_pdf:hover{
	color:#317EAE;
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading, #slideshow #menu2 { 
	position: absolute; 
	}

#slideshow #loading { 
	background: url('images/logo.png') no-repeat center center;
	display: block; 
	top: 158px; 
	left: 146px; 
	text-indent: -5000px; 
	width: 199px; height: 41px; 
	visibility: hidden; 
	z-index: 5; 
}

#slideshow #pictures { 
	
	height:337px;
	left:21px;
	overflow:hidden;
	top:21px;
	width:450px; 
	}

	#slideshow #pictures li { 
		display: block; 
		position: absolute; 
		top: 0; 
		width: 450px; 
		}

#slideshow #pictures li img { 
	display: block;
	position: relative;
	bottom: 0; 
	}
	 
	  
#slideshow #menu,  #slideshow #menu2 {
	 /*background: url('../images/bg_side.jpg')*/; 
	list-style-type: none; 
	width: 166px; height: 257px; 
	right: 0; 
	padding-top: 50px;
	 }
	 
	 
#slideshow #menu li, #slideshow #menu2 li { 
	display: block; 
	z-index: 1000;
	position: relative;
	/*zoom: 1; */
	}
	
#slideshow #menu li a,  #slideshow #menu2 li a{
	 display: block; 
	 color:#444444;
	 font-size: 1.4em;
	 line-height:22px; 
	 text-decoration: none; 
	 padding: 0; 
	 z-index: 1000; 
	 vertical-align: middle; 
	 /*zoom: 1;*/
	}
	
#slideshow #menu li a:focus, #slideshow #menu2 li a:focus  { outline: 0; }
#slideshow #menu li a:hover, #slideshow #menu2 li a:hover{ color: #338DBF; padding: 0 0 0 5px; }
#slideshow #menu li.current a, #slideshow #menu2 li.current a{ color: #338DBF; }
#slideshow #menu li.background, #slideshow #menu2 li.background{
	/*background: url('../images/arrow.gif') no-repeat left center;*/ position: absolute; 
	font-size: 1px; 
	height: 7px; width: 4px; 
	z-index: 5; 
	}

div#content div#slideshow h2{
	color:#338DBF;
	font-size: 1.4em;
	line-height:32px;
	font-weight: normal;
	width:164px;
	padding-left:0px;
	position:absolute;
	right:0; top: 20px;
	}

	
fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

/*slidemenu */
		img#image-insert {
			top: 0; left: 0;
			position: absolute;
			z-index: 0
		}

	/* Sombras de films*/
	
	ul#pictures a {
		background: transparent url('images/shadow.png') no-repeat left -500px; 
		width:225px; height:337px;
		position: absolute;
		top: 0px;
		z-index: 10;
		cursor: default;
	}
	
	ul#pictures a#left 				{ left:0; }
	ul#pictures a#left.left-over 	{ background: transparent url('images/shadow.png') no-repeat left top; cursor: pointer;}
	
	ul#pictures a#right         	{ right:0;}
	ul#pictures a#right.right-over 	{ background: transparent url('images/shadow.png') no-repeat -225px top; cursor: pointer;}

/*administracion*/
div#wrapper div#header div#breadcrumbs{
	font-size:1.5em;
	padding: 5px;
	position:absolute;
	top:0; left:0;
}
div#wrapper div#header div#breadcrumbs a, div#content div.adminpanel a{
color:#317EAE;
text-decoration:none;
}
div#wrapper div#header div#breadcrumbs a:hover, div#content div.adminpanel a:hover{
text-decoration:underline
}
div#content form,div#content h2,div#content h3, div#content p {
  width:auto;
	margin:10px auto;
}
div#fondo p{
	font-size:1.4em
}
div#content div.adminpanel{
	font-size: 1.2em;
	line-height:20px;
	width:1000px;
	margin:10px auto;
	
}
div#content div.adminpanel h2{
font-size: 1.4em;
font-weight: bold;
line-height: 25px;
color:#317EAE;
margin: 10px 0;
}
div#content div.adminpanel p {
font-size: 1.2em;
margin: 10px 0;
}
div#content div.adminpanel p a{
	float:none;
	padding: 0 10px;
}
div#content div.adminpanel label{
/*float:left;*/
width: 100px
}
div#content div.adminpanel label.calc{
width:370px
}
div#content div.adminpanel input#calc{
width:20px
}