/* CSS Document */

* {


font-family: 'Muli', sans-serif;
font-size:12px;
}

body,html {
	color:#000000;
	background-image:url(../img/bg-page.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-color:#EEEEEE;
	font-family: 'Varela Round', sans-serif;
	font-size:11px;
}

a {
	color:#06F;
	text-decoration:none;
}

a:hover {
	color:#A6CB3A;
	text-decoration:none;
}

h1 {
	font-variant:small-caps;
	font-size:1.2em;
	margin:0 0 15px 0;
}

h2 {
	margin-bottom:5px;
}

/* Contenedor absoluto de la página donde centro el contenido */
#Wrapper {
	width: 100%;
}

#Centrado {
	position:absolute; 
	width:940px;
	margin-left:-500px; 
/*	margin-top:-320px;
	top:50%;*/	
	left:50%; 
}

#Contenedor {
	width:940px;
	margin:0 auto;
	background-color:#EEEEEE
}


#Cabecera {
	overflow:visible;
	height:80px;

}
#Logo {
	background-image:url(../img/logo_new.png);
	background-repeat:no-repeat;
	margin:20px;
	float:left;
	width:244px;
	height:45px;
	position:relative;
	left:-6px;
}

/* menu */
ul#Menu{margin:35px 20px 0 0; float:right; }
ul#Menu li{margin:0 0 0 4px; list-style-type:none; display:inline; float:left; font-size:15px; }
ul#Menu li a{color:#272727; background:transparent; border:none; font-weight:bold; padding:5px 8px 6px 8px; }
ul#Menu li a{-ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; }
ul#Menu li a:hover{color:#272727; background:#A6CB3A; }
ul#Menu li a.on{color:#272727; background:#A6CB3A; }

.index { clear:both; }
.index a{color:#272727; background:#A6CB3A; border:none; font-weight:bold; padding:3px 6px 4px 6px; }
.index a{-ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; }
.index a:hover{color:#fff; background:#272727; }

#Pie {
	width:940px;
	height:60px;
	line-height:60px;
	float:left;
	border-top:1px dotted #BBBBBB;
	}
	
#Pie p{color:#272727;  }
	
.grid_3 {display:inline; float:left; margin:0 7px 0 10px; }
.alpha{margin-left:0; }
.omega{margin-right:0; }
.Columna {
	width:387px;
	float:left;
	overflow:auto; /*	165*/
	margin-right:60px;
	line-height:16px;
	text-align:justify;
}	
	
.Relleno {
	padding:20px;
}

/* ATRIBUTOS */
.Negrita 	{ 	font-weight:bold;	}
.Centro		{	text-align:center;	}
.Gris 		{	color:#343232; 		}
#Cuadro 	{
				clear:both;
				overflow:auto; 
				margin-bottom:20px;
			}

#Izq {
	float:left;
	width:260px;
}
#Izq h1 {
	font-size:2.3em;
	color:#272727;
	font-variant:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-top:15px;
}

#Izq h2 {
	font-size:1.2em;
	color:#272727;
	font-variant:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

#Izq a{color:#272727; background-color:#FFFFFF; border:none; font-weight:bold; padding:3px 6px 4px 6px; margin-bottom:10px; position:relative; top:0px }
#Izq a{-ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; }
#Izq a:hover{color:#fff; background:#272727; }

#Izq p {
	line-height:18px;
	color:#272727;
	text-align:justify;
	margin-bottom:10px;
}

#Der {
	float:right;
	width:680px;
}

/* Estilo para depurar capas */
.Borde {
	border:1px solid #0000FF;
}

#Cuadro div.portfolio-small{background:url(images/-thumb-bg.png)no-repeat; }
#Cuadro div.portfolio-small h4{margin:0; color:#272727; font-size:1.2em }
#Cuadro div.portfolio-small h6{color:#888; margin:4px 0 25px 0; font-weight:normal }
#Cuadro div.portfolio-small img{margin:0; width:220px; height:145px; }
#Cuadro div.portfolio-small a.thumb{display:block; overflow:hidden; width:222px; height:147px; border:0; margin:0 0 10px 0; }

#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:590px;
	overflow:auto;
	padding:0;
	position:relative;
	left:-17px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/slide/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


#Noticias {
	margin-top:10px;
}

#Noticias a {
	color:#0066FF;
}

#Noticias a:hover {
	color:#A6CB3A;
}

#Noticias p {
	line-height:16px;
	text-align:justify;
	margin-bottom:10px;
	font-size:12px;	
}
#Noticias h2 {
	font-size:13px;	
	margin-bottom:5px;

}

.Trabajos {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.Trabajos h1 {
	font-size:12px;
	margin:0;
	margin-top:3px;
	font-variant:normal;
}
.Trabajos h2 {
	font-size:11px;
	margin:0;
	margin-top:3px;
	font-weight:300;
}

.paginacion {
	clear:both;
	padding:20px;
	padding-left:0;
	padding-bottom:10px;
}

.paginacion a {
	color:#333333;
	padding:3px;
	text-align:center;
	background-image:url(../img/paginacion.png);
	background-repeat:no-repeat;

}
.paginacion .activo {
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	background-image:url(../img/paginacion_activo.png);
	background-repeat:no-repeat;

}

#Ver_Noticia {
	float:left;
	width:650px;

}

#Ver_Noticia h1 {
	font-size:20px;
	color:#0066FF;
}

#Ver_Noticia h2 {
	font-size:14px;
	margin:0 0 10px 0;
	line-height:16px;
	text-align:justify;
}

#Ver_Noticia p {
	font-size:12px;
	margin:0 0 10px 0;
	text-align:justify;
	line-height:16px;
}
#Ver_Noticia_Derecha {
	font-size:20px;
	float:right;
	width:288px;

}