/* Reset for all browsers */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
a:focus {
	outline: 0;
}

/* Presentación del Sitio */
html {
	background-color:#037db0;
	background-image:url(page_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	color:#5f6568;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

body, select, input, textarea{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	font-size:13px;
	line-height:20px;
	font-weight:Bold;
	color:#0099FF;
	font-family:Georgia, Times New Roman, Times, serif;
	margin:0 0 30px 0;
}
h2{
	font-size:2.4em;
	font-weight:normal;
	color:#FFF;
	font-family:Georgia, Times New Roman, Times, serif;
	margin:0 0 10px 0;
}
h3{
	font-size:2.2em;
	font-family:Georgia, Times New Roman, Times, serif;
	color:#FFF;
	padding:20px 10px 0 10px;
	margin:0 0 15px 0;
}
h4{
	font-size:1.4em;
	color:#FFFFFF;
	line-height:26px;
	font-weight:normal;
	font-style:italic;
}
.clear{clear:both;display:block;height:1px;font:1px}

li{
font-size:0.85em;
color:#696969;}

li{list-style:none;}

a{ color:#0f3063; text-decoration:none;}


/* ---  Estructura --- */

#Contenedor {
	width:800px;
	margin:0 auto;

}

#cabecera{
	width:100%;
	height:200px;
	margin-top: 1px;
}

#contenido{
	width:800px;
	height:400px;
	padding:0;
	clear:both;
	margin:0 auto;	
}

#pie{
	clear:both;
	width:800px;
	height:400px;
	padding:0;
	
	margin:0 auto;	
}

.panelizquierda{
	width:380px;
	height: 400px;
	background-image: url(panelcontenido.png);

}
	
/*----------- MENU ------------*/
.menu{
height:35px;
z-index:10;
background-image:url(fondomenu.png);}

.menu ul{
padding-left:12px;}

.menu ul li{
position:relative;
float:left;
z-index:11;
font:bold 0.85em arial,sans-serif;
font-size:13px;
color:#99FFFF;}

.menu ul li a{
display:block;
margin:0 5px;
height:14px;
color:#99FFFF;
font-style:italic;
padding:11px 7px 10px 7px;}


/*-------- MENU DESPLEGABLE -------*/
.menu ul li ul{
display:none;
position:absolute;
top:34px;
z-index:12;
left:-7px;}
.menu ul li ul li ul{
top:0;
left:100%;
padding-left:1px;}
.menu ul li:hover ul{
display:block;}
.menu ul li:hover ul li ul{
display:none;}
.menu ul li ul li:hover ul{
display:block;}

.menu ul li ul li{
padding:0;
float:none;
white-space:nowrap;
border-bottom:1px solid #0033FF;
font-size:12px;}

/*todos los A hover de color*/
.menu ul li:hover a{color:#fff;background:#00CCFF;}
/* reseteo los A de 2 nivel*/
.menu ul li:hover ul li a{margin:0;background:#fff;color:#00CCFF;}
/*todos los A hover de 2 nivel de color*/
.menu ul li ul li:hover a{color:#fff;background:#0066FF;}
/* reseteo los A de 3 nivel*/
.menu ul li ul li:hover ul li a{background:#fff;color:#00CCFF;}
/*todos los A hover de 3 nivel de color*/
.menu ul li ul li ul li:hover a{color:#fff;background:#0066FF;}

/*contacto*/
.menu ul li.contacto a, .menu ul li.current a{
color:#0f3063;
background:url(img/sobre.png) no-repeat 4px 50%;
padding-left:20px;}
.menu ul li.contacto a:hover{
color:#fff;
background:url(img/sobre.png) no-repeat 4px 50% #00CCFF;}
.menu ul li.current a{
padding-bottom:5px;
border-bottom:5px solid #b9d305;
}
/*selected*/
.menu ul li.selected a{
padding-bottom:5px;
color:#fff;
z-index:100;
border-bottom:5px solid #0033FF}

/* Imágenes encabezado */

#FeaturedWorkWrap{
	float:left;
	width:796px;
	height:200px;
	overflow:hidden;
	display:inline;
	position:relative;
}

#FeaturedWork{
	float:left;
	width:800px;
	height:200px;
	overflow:hidden;
	display:inline;
	padding:0px;
	background-color:#006699;
	position:relative;
}

#FeaturedSlide{
	float:left;
	width:800px;
	height:204px;
	overflow:hidden;
	background-color:#0099FF;
	z-index:1;
}

.FeaturedItem{
	float:left;
	width:800px;
}
	
.jFlowSlideContainer{
	background-color:#006699;
	z-index:2;
}

.comentario {
	position:absolute;
	top: 165px;
	left:0px;
	width:800;
	height:35px;
	background-image:url(fondocomentario.png);
	font-size:14px;
	font-family: fantasy;
	font-style:oblique;
	text-align:Justify;
	color:#99FFFF;
	padding-left:3px;
	padding-right:3px;
	z-index:10;
}
/*---------Contenido------------*/
