/* CSS Document */

body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #C9C3B9;
 	background-image: url(imgs/fondo_general.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	font-family: Georgia,Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
color: #666666;
	line-height: 12px;
	letter-spacing: 0.09em;
max-width: 100%;
min-width: 850px;

}
/* lightbox +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.hybridart.net/mariobastian/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.hybridart.net/mariobastian/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.hybridart.net/mariobastian/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* estructura y posicionamiento general +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clearboth { 
	clear: both; 
	height:0px;
	font-size: 0px;
line-height: 0em;
}
.derecha {
position: relative;
float:right;
width: 68%;
margin-left: 5px;
margin-right: 10px;
margin-top:0px;	
}
.izquierda 
{
   
position: relative;
	float:left;
	max-width: 500px;
	width: 24%;
	top: 0px;
	height: 800px;
	left: 0px;
	background: url(imgs/verticalsplash.jpg) right top;
}

.footer {
	
position:relative;
margin-top: 30px;
margin-bottom: 0px;
float: left;
bottom: 0px;
width: 100%;
height: 110px;
background: url(imgs/fondo_footer.jpg) repeat-x right bottom;
}

.imgfooter{ 
position: relative;
float: right; 
width: 239px;
height:109px;
background: url(imgs/grafico_footer.jpg) left bottom;


}
.apoyo {
position:absolute;
z-index: 20;
top:0px;
left: 0px;
width: 27px;
height: 700px;
background: url(imgs/apoyo.png) no-repeat left top;
}

.pie{
position: relative;
float: right;
height:20px;
bottom: 0px;
left:30px;
margin-top: 85px;
margin-bottom:0px;
}

.txt_pie{
text-align: center;
position:relative;
margin:0px;
padding:0px;
height:15px;
font-size: 9px;
}
.txt_pie a {
font-size:9px;
}
.txt_pie a:hover {
font-size:9px;
background-color: #ca0606;
}
/* enlaces +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a {
color: #ca0606;
text-decoration:none;
text-shadow: 0.2em 0.2em 0.1em #ccc;
}

a:hover {

color: #ffffff;
text-decoration:none;
text-shadow: 0.2em 0.2em 0.1em #000000;

}

/* delicious+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
iframe li{
color:#ffffff;

}

.delicious-posts { margin: 2 em; padding: 0.5em; }
.delicious-posts ul, .delicious-banner { margin: 0; padding: 0}
.delicious-banner{
background-color:none;
position:relative;
float: left;
top:0px;
left:0px;
  }
.delicious-posts delicious-banner a img{
padding:0px;
font-size: 12px;

}
  
  .delicious-posts p{

margin-left: 20px;
  }
 .delicious-extended{
 margin: 0; padding-left: 10px;
  }
  
.delicious-post {
text-align: left;
padding-left: 20px;
margin-top:5px;
margin-bottom: 5px;
padding-top:10px;
border-top: 1px dotted #eee; padding: 0.25em;
list-style-type: none; }


.container_img div ul li{
text-align: left;
padding-left: 20px;
padding-top:10px;
list-style-type: none;
}
.container_img div ul li a{
padding-top: 5px;
margin-bottom: 5px;


}
.container_img div ul li a:hover{
background-color: #ca0606;

}
.container_img div  ul{
margin-top:20px;
padding-top:20px;
}


/* cabecera +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cabecera  {
position:relative;
margin-top: 20px;
margin-bottom: 0px;
min-width: 450px;
height: 50px;
border-bottom: solid 1px #4C4C4F;

}

.logo { position: relative;
float: left;

}

.contacto {
text-align:right;
height:25px;
position:absolute;
top:20px;
padding:0px;
right: 0px;
text-align: right;
vertical-align: top;
color: #787473;
font-size: 10px;

}
.contacto a:hover {
background-color: #ca0606;

}

.tit {
top: 30px;
text-align:right;
margin-left: 15px;
height:15px;
position:relative;
padding:0px;
text-align: left;
color: #ffffff;
text-shadow: 0.2em 0.2em 0.1em #CCC;
}
/* buscador ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.form_buscador{
margin:0px;
padding:0px;
}

.buscador{
width:220px;
text-align:right;
height:12px;
padding-bottom: 5px;
position:absolute;
z-index:10;
top: -20px;
right: 0px;

}

.boton_buscar{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	width: 65px;
	text-transform: uppercase;
	border: 0px none;
	vertical-align: top;
	margin-left: 5px;
	padding::0px;
	color: #796d5d;
	margin-top: 0px;
	background: url(imgs/buscar.gif) no-repeat top left;
}
.campo_buscar{
	top: 0px;
	height: 14px;
	width: 85px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #666666;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #666666;
	color: #000000;
	padding:0px;
	background-color: #F4EEE7;
}

.campo_buscar2{
	top: 0px;
	height: 14px;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #666666;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #666666;
	color: #000000;
	padding:0px;
	background-color: #F8F5F1;
}

.boton_buscador{
                     font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	width: 65px;
	text-transform: uppercase;
	border: 0px none;
	vertical-align: top;
	margin-left: 5px;
	padding::0px;
	color: #796d5d;
	margin-top: 0px;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #666666;
	border-top: solid 1px #CCCCCC;
	color: #000000;
	padding:0px;
	background-color: #FFFFFF;
}

/* menu principal +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#menuprincipal{
position:relative;
height: 20px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: solid 1px #4C4C4F;
}

#menuprincipal a {
margin-left: 13px;
text-align:left;
color:#3A3A41;
text-transform: uppercase;

}

#menuprincipal a:hover {

color:#ffffff;
text-transform: uppercase;
text-decoration:none;
background-color: #ca0606;

}



/* menu portafolio +++++++++++++++++++++++++++++++++++++++++++++++++++*/

#menuportafolio{
position: relative;
top:0px;


}
#menuportafolio a {
margin-left: 13px;
text-align:left;

}
#menuportafolio em {
font-style: normal;
margin-left: 13px;
text-align:left;

}

.line_separamenu{

height: 1px;
background: url(imgs/line_dotted.gif) repeat-x;
position: relative;
top: 42px;
z-index:10px;
font-size:0px;

margin-top:0px;
margin-bottom:0px;

padding-right: 20px;

}
.margen
{
   	margin: 0;
   	padding: 0;
top: 0px;
	position:relative;
right:0px;
width: 700px;
background-color: #000000;
height: 15px;
}

.module-list
{
   	margin: 0;
   	padding: 0;
	position:relative;
	float:left;
}

.module-list .module-list-item
{
   background: url(imgs/flecha_menu.jpg);
background-repeat: no-repeat;
	background-position: left 1px;
	width: 108px;
padding:0px;
color: #ca0606;
margin-top: 5px;

}
.module-list .module-list-item .module-list
{
 padding-top: 2px;
 
}



.module-list .module-list-item a
{

color: #ca0606;
text-decoration:none;
}

.module-list .module-list-item .module-list .module-list-item{
float:none;
background: none;
padding:0px;
margin-top: 5px;
margin-bottom: 0px;


}

.module-list .module-list-item .module-list .module-list-item a{

color: #4b4a4a;
text-decoration:none;
margin-top:6px;


}

.module-list  a:hover, .module-list-item a:hover,.module-list .module-list-item .module-list .module-list-item a:hover, .module-list .module-list-item .module-list  a:hover {

color: #ffffff;
text-decoration:none;
background-color: #ca0606;


}

.module-list  em, .module-list-item em,.module-list .module-list-item .module-list .module-list-item em, .module-list .module-list-item .module-list  em {
font-style: normal;
display:normal;
margin-left: 13px;
text-align:left;
color: #ffffff;
text-decoration:none;
background-color: #ca0606;


}
.module-list-item
{
   margin-top: 5px;
   margin-bottom: 5px;
	position:relative;
	float: left;
	padding:0px;
}

.linebajomenu {
height:3px;
font-size:0px;
background: url(imgs/line_dotted.gif) repeat-x bottom;
border-top: solid 1px #4C4C4F;
position: relative;
margin-top: 5px;
}

/* titulopagina +++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tit_pagina{
height: 44px;
background: url(imgs/fono_line_degrad.gif) repeat-x top;
position: relative;
color: #CCCCCC;
top: 0px;
}
.titulopagina {
padding-top: 2px;
position: relative;
right:10px;
color: #ADA8A2;
font-size: 20px;
margin-top:12px;
float:left;
tex-align: right;
margin-left: 20px;
margin-bottom: 5px;
height: 24px;
text-transform:uppercase;
font-weight: bold;
text-shadow: 0.2em 0.2em 0.1em #CCC;

}

.fecha {
position:relative;
margin-top: 12px;
right: 10px;
text-align: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
height: 24px;
float:right;
text-shadow: 0.2em 0.2em 0.1em #CCC;
}

/*
h2 {
position:relative;
top: 0px;
font-size: 12px;
padding-top: 5px;
margin-bottom: 0px;
padding-right: 10px;
vertical-align:top;
font-weight: bold;
color: #7D756C;

}

 ficha proyectos +++++++++++++++++++++++++++++++++++++++++++++++++++*/

.fichaproyecto{
position:relative;
float: left;
margin-left: 5px;
width: 200px;
height: 225px;
padding:0px;
margin-bottom: 0px; 
margin-top: 10px;
background: url(imgs/fondo_thumb.gif)  no-repeat top left; 

}
.fichaproyecto img{
margin: 6px;
border: 0px;
top:0px;


}
.fichaproyecto p{
margin: 0px;
border: 0px;
top:0px;


}



.logo_ficha{

background: url(imgs/ico_entrada.gif)  no-repeat top left;
padding-left: 30px;
margin-top: 10px;
padding-top:3px;


}

h3 a{
color: #ca0606;
font-size: 10px;
}

h3 {

font-size: 13px;
}

.logo_ficha p a{
color: #ca0606;
font-size: 12px;
line-height: 14px;
font-weight: bold;
text-decoration: none;
margin-bottom: 0px;
}

.logo_ficha p a:hover {
color: #ffffff;
font-weight: bold;
font-size: 12px;
background-color: #ca0606;
text-decoration: none;
}



h4{
font-size: 10px;
font-weight: bold;
margin-bottom: 3px;
margin-top: 0px;
}

.descipcion_proyect{
margin:0px;


}
/* noticias +++++++++++++++++++++++++++++++++++++++++++++++++++*/

.noticias {
background: url(imgs/fondo_line_degrad2.gif) repeat-x top left;
position: relative;
margin-top: 1px;
margin-bottom: 20px;
height: 30px;
}


h5 {
font-size: 20px;
margin-top: 7px;
margin-bottom: 0px;
margin-right: 10px;
color:#FFFFFF;
text-transform: uppercase;
padding:0px;
float:right;
height: 10px;
}


.parrafo_noticia{

margin:0px;

}

.noticia {
position: relative;
top: 0px;
padding-left: 30px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
clear: both;
margin-left: 10px;
margin-bottom: 15px;


}

.noticia p{
margin: 0px;
border: 0px;
top:0px;


}
.noticia a:hover{

background-color: #ca0606;
}

.linetitulos{

height:1px;
font-size:0px;
margin-top: 23px;
background: url(imgs/line_dotted.gif) repeat-x bottom;
position: relative;


}

/* links +++++++++++++++++++++++++++++++++++++++++++++++++++*/

.links{
background: url(imgs/fondo_line_degrad2.gif) repeat-x top left;
position: relative;
margin-top: 1px;
top: 0px;
height: 30px;
}

.link{
margin-top: 20px;
background: url(imgs/ico_link.gif) no-repeat top left;
padding-left: 20px;
position:relative;
float: left;
width: 130px;
}
.link a:hover {

background-color: #ca0606;
}
a.enlacexterno{
margin-top:10px;
margin-bottom: 5px;
display: block;
position: relative;
font-weight: bolder;
letter-spacing: 0.16em;

}
a.enlacexterno:hover{
font-weight: bolder;
background-color: #ca0606;
letter-spacing: 0.16em;
}

/* noticias +++++++++++++++++++++++++++++++++++++++++++++++++++*/

.lineproyectos{

height:1px;
font-size:0px;
margin-top: 5px;
margin-bottom: 5px;
background: url(imgs/line_dotted_b.gif) repeat-x bottom;
position: relative;

}

.categorias_proyectos{
position: relative;
width: 30%;
float: left;
background: url(imgs/line_dotted_b.gif) repeat-x bottom;
margin-top: 3px;
padding-bottom: 5px;
color: #fff;
font-weight: bold;

}

.categorias_proyectos a{
color: #ca0606;
font-size: x-small;
text-decoration: none;
text-transform: uppercase;


}

.categorias_proyectos a:hover{
color: #ffffff;
font-size: x-small;
background-color: #ca0606;
text-decoration: none;


}

.info_proyecto {
position: relative;
float:left;
padding-left: 35px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
width: 60%;
margin-top: 0px;
margin-bottom: 5px;
min-height: 45px;
line-height: 15px;
}

.info_proyecto a:hover{background-color: #ca0606;}

.intro_proyecto {
background: url(imgs/ico_entrada.gif)  no-repeat top left;
text-align: left;
margin-left: 2%;
padding-left:35px;


}

.container_img{
position: relative;
text-align:center;
margin-top: 10px;
padding:0px;
margin-bottom: 10px;
background: url(imgs/puntazo2.gif) repeat top left;
}

.container_centra{
position: relative;
text-align:center;
padding-top:20px;

}

.container_imgnoticia{
position: relative;
text-align:center;
padding-top:20px;
}

.container_imgnoticia a, .container_imgnoticia a:hover, .container_imgnoticia img,{
border:0px;
}



.container_centra_video embed{
position: relative;
text-align:center;
padding:20px;
background: url(imgs/fondoline_ph.gif) repeat top left;

}

.container_imgnoticia a, .container_imgnoticia a:hover{
text-decoration:none;
}
.container_centra a, .container_centra a:hover{
text-decoration:none;
}

.parrafo {
text-align: left;
margin-top: 14px;
padding:20px;
}


.container_img p a:hover {
background-color: #ca0606;

}
.container_centra  img{
padding: 6px;
background-color: #ffffff;

}

.container_imgnoticia img{
padding: 6px;
background-color: #ffffff;

}
.container_centra a img{
background-color: #ffffff;
border:none;


}
.container_centra  a:hover img{
background: url(imgs/fondoline_ph.gif) repeat top left;
text-decoration:none;
}
.container_imgnoticia  a:hover img{
background: url(imgs/fondoline_ph.gif) repeat top left;
text-decoration:none;
}


.izq_top{
position:relative;
width: 10px;
height:10px;
float: left;
border-left: solid 1px #ffffff;
border-top: solid 1px #ffffff;
}

.dcha_top{
position:relative;
width: 10px;
height:10px;
border-right: solid 1px #ffffff;
border-top: solid 1px #ffffff;
float: right;

}

.izq_bot{
position:relative;
width: 10px;
height:10px;
border-left: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
float: left;
}

.dcha_bot{
position:relative;
width: 10px;
height:10px;
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
float: right;

}

.footer_proyecto{
margin-top: 20px;
position:relative;
float:left;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
padding-left: 30px;
top: 0px;
margin-bottom: 10px;
clear: both;
}
.footer_proyecto a:hover{
background-color: #ca0606;

}

.trackbacks{
padding-left: 30px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
position:relative;
margin-top: 5px;
margin-bottom: 5px;
top: 0px;
}

.trackbacks a:hover{
background-color: #ca0606;
}

.vistaprevia{
padding-left: 30px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
position:relative;
margin-top: 5px;
margin-bottom: 5px;
top: 0px;

}

.comments
{
padding-left: 30px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
position: relative;
float: left;
margin-top: 30px;
width: 170px;
border-right: dotted 1px #ffffff;
padding-right: 30px; 
font-size: 10px;
}
.listado_comentarios{
padding-left: 30px;
width: 50%;
margin-top: 30px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
position: relative;
margin-left : 10px;
float: left;;
}

.listado_comentarios a:hover{

background-color: #ca0606;
}


.comment-content{
background: url(imgs/line_dotted_b.gif) repeat-x top;
padding-top: 5px;
margin-top: 5px;
position: relative;
}


}
.comments-open-data p{
margin:0px;
padding:0px;

}
.comment-footer,
.comments-open-footer,
{
   clear: both;
text-align: center;
   margin: 0px 0px 0px 0px;
}
.comments-open-text{
margin-top: 0px;
padding:0px;

}


.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url
{
                    
                     height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #666666;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #666666;
	color: #000000;
margin-bottom: 3px;
margin-top 2px;
}

#comment-text{
   width: 190px;
height: 100px;
margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  9px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #666666;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #666666;
	color: #000000;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

.descripcion_categoria {
position: relative;
float:left;
padding-left: 35px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
width: 60%;
margin-top: 0px;
min-height: 30px;
margin-bottom: 5px;
}



.banner_cv{

font-weight: bold;
font-size: large;
color: #333333;
margin-top: 10px;
margin-bottom: 0px;
clear:both
border: solid 1px #000;
}

.profesion{

font-weight: bold;
color: #666666;
margin-top: 2px;
margin-bottom: 10px;
clear:both
border: solid 1px #000;
}




.colida_g {
position: relative;
width: 40%;
float: left;
background: url(imgs/fondoline_ph.gif) repeat-x top left;
margin-right: 10px;
margin-bottom: 15px;


}

.colida_xl {
position: relative;
width: 66%;
float: left;
background: url(imgs/fondoline_ph.gif) repeat-x top left;
margin-right: 10px;
margin-bottom: 15px;


}

.colcentro_p {
position: relative;
width: 25%;
float: left;
background: url(imgs/fondoline_ph.gif) repeat-x top left;
margin-right: 10px;
margin-bottom: 15px;


}

.coldcha_p {
position: relative;
width: 25%;
float: left;
background: url(imgs/fondoline_ph.gif) repeat-x top left;
margin-right: 10px;
margin-bottom: 15px;

}

.titulos {
font-weight: bold;
text-transform: uppercase;
background-color: #999999;
color: #FFFFFF;
padding: 1px;
margin-top: 4px;

}

.descripcion_portada {
position: relative;
float:left;
padding-left: 35px;
background: url(imgs/ico_entrada.gif)  no-repeat top left;
width: 90%;
margin-top: 15px;
min-height: 30px;
margin-bottom: 15px;
}



#comment-preview{
background-image: url(imgs/botgrande.jpg);
	background-repeat: no-repeat;
	background-position: left top;
padding-top: 2px;
border:0px;
font-size: 9px;
line-height: 1.3em;
width: 90px;
text-transform: uppercase;
margin-right:5px;
margin-left:0px;
letter-spacing: 0.08em;
}
#comment-post {
background: url(imgs/botpeque.jpg) no-repeat top left;
padding-top: 2px;
border:0px;
font-size: 9px;
line-height: 1.3em;
width: 69px;
text-transform: uppercase;
margin:0px;
letter-spacing: 0.10em;
}

#comment-cancel{
background: url(imgs/botpeque.jpg) no-repeat top left;
padding-top: 2px;
border:0px;
font-size: 9px;
line-height: 1.3em;
width: 69px;
text-transform: uppercase;
margin-top:5px;
margin-left:0px;
letter-spacing: 0.10em;
}
.container_imgnoticia a img{
border: none;
}
.validator, .validator img{
background: none;
border:none;

}