@charset "utf-8";
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */



html {
	height:100%;
	max-height:100%;
	padding:0px;
	margin:0px;
	border:0;
	background:#fff;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
/* \*/overflow: hidden;/* */ 
}
body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	background-color:#FFF;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#head {
	position:absolute;
	margin:0 auto;
	top:0;
	display:block;
	width:100%;
	right:16px;
	height:68px;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	z-index:5;
}



#container {
	display:block;
	margin:0px auto;
	height:100%;
	max-height:100%;
	overflow:auto;
	width:100%;
	text-align:center;
	right:16px;
	/*position:relative;*/
	z-index:3;
	word-wrap:break-word;
}

#content{
margin:0px auto;
width:773px;
background-color:#eaeaea;
background-image:url(../images/body_bottom.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#foot {
	position:absolute;
	margin:0;
	bottom:-1px;
	display:block;
	width:100%;
	height:41px;
	background-color:#4e4b48;
	color:#000;
	right:16px;
	text-align:center;
	z-index:4;
	border-top:3px solid #F57503;
}
#foot p {
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#D3D3D3;
	line-height:18px;
	}

/* CAJA ULTIMOS TRABAJOS */

#box-trabajos
	{
	margin-top: 20px;
	margin-bottom:20px;
	text-align: left;
	width:480px;			
	background-color: #eaeaea;
	}
 	
#Boxcontent
	{
	padding:20px 20px 20px 20px;
	margin-top:10px;
	}

#Boxcontent h2
	{
	padding:0px;
	margin:0px;
	line-height:1.2em;
	font-weight: bold;
	font-size: 1.0em;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	}
#Boxcontent a:hover h2
	{
	padding:0px;
	margin:0px;
	color:#5a3300;
	line-height:1.2em;
	font-weight: bold;
	font-size: 1.0em;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	text-decoration:none;
	}
		
#Boxcontent p, #Boxcontent li
	{
	margin:0px;
	padding:0px;
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.2em;
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	}
	
/* END CAJA ULTIMOS TRABAJOS */

/* BORDE CAJA ULTIMOS TRABAJOS */

#tlc2, #trc2, #blc2, #brc2 {background-color: transparent;background-repeat: no-repeat;}
#tlc2 {background-image:url(../images/tlc2.gif);	background-position: 0% 0%;}
#trc2 {background-image:url(../images/trc2.gif);	background-position: 100% 0%;}
#blc2 {background-image:url(../images/blc2.gif);	background-position: 0% 100%;}
#brc2 {background-image:url(../images/brc2.gif);	background-position: 100% 100%;}
#tb2, #bb2 {background-color: transparent; background-repeat: repeat-x;}
#tb2	{background-image:url(../images/tb2.gif); background-position: 0% 0%;}
#bb2	{background-image:url(../images/bb2.gif);	background-position: 50% 100%;}
#rb2 {background-image:url(../images/r2.gif);	background-position: 100% 0%; background-repeat: repeat-y;}
#lb2	{background-color: #eaeaea;	background-image:url(../images/l2.gif);
	background-position: 0% 100%;background-repeat: repeat-y;}

/* END BORDE CAJA ULTIMOS TRABAJOS */


/* CAJA ULTIMOS POSTS */

#box-posts
	{
	margin-top:0px;
	margin-bottom:20px;
	text-align: left;
	width:230px;			
	background-color: #eaeaea;
	}
	
	
#box-posts h2{
	font-size:1.2em;
	color:#5a3300;

}


#links ul {
        list-style-type: none;
        width: 230px;
		margin:5px 0px;
		padding:11px 0px;
} 

#links li {
        margin: 4px 5px 0px 5px;
}

#links li a { 
        color: #c77e38;
        display: block;
        font: bold 1em Trebuchet Ms, Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}
#links li a:hover { 
        color: #ff9b07;
        display: block;
        font: bold 1em Trebuchet Ms, Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

* html #links li a {  /* make hover effect work in IE */
	width: 230px;
}

#links li a:hover {
        background: #d7d7d7;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 0.8em Trebuchet Ms, Verdana, Helvetica, sans-serif;
        line-height: 1.3em; 
}
#links a:hover em { 
        color: #4E4B48;
        display: block;
        font: normal 0.8em Trebuchet Ms, Verdana, Helvetica, sans-serif;
        line-height: 1.3em; 
}

#links a span {
        color: #562A02;
        font: normal 0.7em Trebuchet Ms, Verdana, Helvetica, sans-serif;
        line-height: 1.3em;
}
	
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc {background-color: transparent;background-repeat: no-repeat;}
#tlc {background-image:url(../images/tlc.gif);	background-position: 0% 0%;}
#trc {background-image:url(../images/trc.gif);	background-position: 100% 0%;}
#blc {background-image:url(../images/blc.gif);	background-position: 0% 100%;}
#brc {background-image:url(../images/brc.gif);	background-position: 100% 100%;}
#tb, #bb {background-color: transparent; background-repeat: repeat-x;}
#tb	{background-image:url(../images/tb.gif); background-position: 0% 0%;}
#bb	{background-image:url(../images/bb.gif);	background-position: 50% 100%;}
#rb {background-image:url(../images/r.gif);	background-position: 100% 0%; background-repeat: repeat-y;}
#lb	{background-color: #dfdfdf;	background-image:url(../images/l.gif);
	background-position: 0% 100%;background-repeat: repeat-y;}

/* END BORDE CAJA ULTIMOS POSTS */




/* LISTADO TRABAJOS */

div#lista-trabajos {
	width:100%;
	margin: 0 0 10px 0;
	padding:0px;
	min-height:85px;
	height:85px;
}

div#lista-trabajos h2, div#lista-trabajos a h2 {
	font-size:1em;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#de6e03;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

div#lista-trabajos p {
	font-size:0.8em;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	color:#606060;
	margin:0px;
	padding:0px;
}

div#lista-trabajos a img {
	float:right;
	width: 114px;
	margin-left:10px;
	text-decoration:none;
	border:0px;

	}
	
/* END LISTADO TRABAJOS */

/* BANNERS*/

div#banners{
padding:20px 0px 0px 0px;
margin:0px;
width: 480px;
}

blockquote {
background:transparent url(../images/comillas.gif) no-repeat scroll left top;
color:#878787;
display:block;
font-size:0.9em;
line-height:1.0em;
margin-left:20px;
margin-right:10px;
padding:2px 20px 4px 40px;
}

/* COLUMNA IZQUIERDA PRINCIPAL */
#maincol { 
	margin: 0 265px 0 0; 
	text-align:left;
	padding: 0 0px 0 20px; 
} 
#maincol h1 {
	font-size:1.4em;
	color: #562A02;	
	line-height:1.3em;
 	}

#maincol h1 a
{
  text-decoration:none;
  color: #562A02;
}

#maincol h2, #maincol h2 a{
	text-decoration:none;
	font-size:1.1em;
	color: #C77E38;	
	line-height:1.2em;
 	}

#maincol h3, #maincol h3 a{
	text-decoration:none;
	font-size:1.0em;
	color: #4C4946;	
	line-height:1.25em;
 	}
#maincol h3 a:hover, #maincol h2 a:hover, #maincol h1 a:hover{
	text-decoration:underline;}

#maincol p, #maincol li {
	text-align:justify;
	font-size:0.9em;
	color: #333;
	margin:10px 10px;
}
#maincol p em span {
	font-style:italic;
	font-size:0.8em;
	color: #562A02;
	line-height:20px;
}

.Autor {
	font-weight: bold;
}

.Fecha {
	color: RoyalBlue;
}

img.Persona {
	border: 5px solid #fff;
	margin-right: 15px;
}

img.Trabajo {
	border: 5px solid #fff;
	margin-left: 15px;
	margin-bottom: 15px;
}

pre 
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

pre
{
	background-color: #fff;
	padding: 15px;
	font-size: 12px;
}


/* COLUMNA DERECHA SECUNDARIA */

#seccol {
	float: right; 
	width: 233px; 
	text-align:justify;
	padding: 30px 20px 0px 0px;
}



/*FLOTADORES*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    lin	e-height: 0px;
}

/****************************************************************/


/*Equilibrante Footer*/

.pad1 {
	display:block;
	height:60px;
}
/*Equilibrante Header*/
.pad2 {
	display:block;
	height:90px;
}


/*Contenedor Header*/
	div#head #cont{
	margin: 0px auto;
	padding: 0px;
	width: 773px;
	}


/*BOTONERA SPRITE -old 8 bits school- Solo 1 http request.*/
	/*Contenedor Botonera*/


	div#head #cont #navigation {
	position:relative;
	top:-41px;
	right:-12px;
	text-align:right;
	padding: 0px;
	}
	
	#nav li {list-style-type: none;	display:inline;}
	
	#nav li a {
		background-image:url('../images/botonera.gif'); 
		background-repeat:no-repeat;
		line-height:27px;
		margin: 0px 0px 0px 0px;
		text-decoration:none;
		padding: 5px 0px 0px 0px;
	}
	
	/*Boton Inicio*/
	#nav li a.inicio{ background-position: -14px -14px; padding-right:73px; /*Ancho del botón*/}
	#nav li a:hover.inicio {background-position: -14px -68px;}
	#nav li a.inicio-actual {background-position: -14px -122px; padding-right:73px;}
	
	/*Boton Blog*/
	#nav li a.blog { background-position: -14px -176px; padding-right:73px; /*Ancho del botón*/}
	#nav li a:hover.blog {background-position: -14px -230px;}
	#nav li a.blog-actual {background-position: -14px -284px; padding-right:73px;}
	
	/*Boton Articulos*/
	#nav li a.articulos { background-position: -14px -338px; padding-right:86px; /*Ancho del botón*/}
	#nav li a:hover.articulos {background-position: -14px -392px;}
	#nav li a.articulos-actual {background-position: -14px -446px; padding-right:86px;}
	
	/*Boton Trabajos*/
	#nav li a.trabajos { background-position: -14px -500px; padding-right:86px; /*Ancho del botón*/}
	#nav li a:hover.trabajos {background-position: -14px -554px;}
	#nav li a.trabajos-actual {background-position: -14px -608px; padding-right:86px;}
	
	/*Boton Nosotros*/
	#nav li a.nosotros { background-position: -14px -662px; padding-right:86px; /*Ancho del botón*/}
	#nav li a:hover.nosotros {background-position: -14px -716px;}
	#nav li a.nosotros-actual {background-position: -14px -770px; padding-right:86px;}
	
	/*Boton Contacto*/
	#nav li a.contacto { background-position: -14px -824px; padding-right:80px; /*Ancho del botón*/}
	#nav li a:hover.contacto {background-position: -14px -878px;}
	#nav li a.contacto-actual {background-position: -14px -932px; padding-right:80px;}
		
	/*Boton Servicios*/
	#nav li a.servicios { background-position: -14px -981px; padding-right:86px; /*Ancho del botón*/}
	#nav li a:hover.servicios {background-position: -14px -1033px;}
	#nav li a.servicios-actual {background-position: -14px -1078px; padding-right:86px;}
	
/*#seccol li, #seccol p
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.7em;
}
*/

/* portfolio section table */
#portfolio td {
	padding-bottom: 15px;
	vertical-align: top;
}

#portfolio img  { border: solid 3px #ffffff }

#portfolio h2 {
	margin-top: 15px;
	margin-bottom: 5px;
}

#portfolio p {
	margin: 0;
	line-height: 18px;
}