@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/** HACKS PARA IE ***/
/* IE6 --->     * html	  IE7 ---> 	*:first-child+html		Opera 9 y anteriores:	html:first-child	*/

/***** COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/

* {	margin: 0;	padding: 0; }
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,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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
blockquote:before, blockquote:after, q:before, q:after {content:''} blockquote, q {quotes: "" ""}
sup { font-size:0.8em;} sub {  font-size:0.8em; } ul ,ol  {list-style-type:none;}
a img { 	border: none; 	text-decoration: none; }
a:link, a:visited, a:active , :focus  { outline:0;}
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }
.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
#irContenido , #irNavegacion, .none { display: none; }
/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;}
strong { font-weight: bold;}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align: left;font-weight: normal;}
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:block;} 
.float-left { display:inline;	float: left; } .float-right { display:inline;	float: right; } 
.clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;}
acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } 
.fuerte{font-weight:bold; color:#181d6a} #pagina .noBorder {border:0;}
/*** igualar las columas ***/
#content {  overflow:hidden;} * html #content { overflow:visible;}
#pagina #column_1NO , #pagina #column_2NO ,  #pagina #column_3NO {float:left; margin-bottom:-20000px; padding-bottom:20000px; } 
#pagina #subColumn1NO, #pagina #subColumn2NO ,  #pagina #subColumn3NO  {float:left; margin-bottom:-20000px; padding-bottom:20000px; } 
	/* solo queda maquetar el ancho de cada columna den  trode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
#pagina #column_1 , #pagina #subColumn1 { float:left; width:22%; padding:0 2%; }
#pagina #column_2 , #pagina #subColumn2 { position: relative; z-index: 90; float:right; width:75%;}
address { font-style: normal;}
/* #pagina #column_3 , #pagina #subColumn3 { float:right; width:30%; padding-left:12px;} */
/***** FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{ background:#2C2C2C;text-align:center; font-size:100%;}
h1 { cursor:pointer; }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{position:relative; margin:9px auto 0 auto; border-top:1px solid #3A3A3A; text-align:left;  }
#header, #content, #footer { margin: 0 auto; width:940px;}
#pagina p {line-height:16px; margin-bottom:8px;}
#header{position:relative; overflow: hidden; margin:-1px auto 0; padding:10px 20px 0; background: #2b2b2b url(comunes/fondos/bg-header.gif) 100% 0 no-repeat; }
#subHeader { position:relative;    }
#subHeader .banner { clear:both; background:#000; position:relative; z-index:80; }
#subHeader .media {  float:none; position:absolute; z-index:90;  top:28px; left:600px;   }
#content { background: #fff; padding:20px;}
#footer{ clear:both; position:relative; text-align: left;  }
#footer dl { float:left; width:35%; border-left:1px solid #115ccc;}
#footer dt { display: block; float:left; padding:0 13px 0 8px; font-weight: bold; color:#fff }
#footer dd { float: left; color: #d3dbe6; }
#footer dd, #footer dt {  position: relative; top:-3px; }
#footer dd a {  color: #d3dbe6; }
#footer dd .adr span.street-address, #footer dd .adr, #footer dd .bloquedir, #footer dd .bloquedir a
{ display: block; }
#footer dd .bloquedir abbr.mailto { display: none;}
#footer .vcard { margin-bottom: 0; }
#footer a { color: #fff;}
/********************************************
				TEXTOS
**********************************************/
#pagina, #footer{ font: normal 0.81em 'Trebuchet MS', Helvetica, sans-serif; color:#2B2B2B; }
h1 span { color: #fff;}
#pagina .titular, h2 { font-weight:bold; font-style: italic; font-size: 1.8em; letter-spacing: -1px; margin: .3em 0;}
#pagina .subtitular, .inicio #column_1 dt , h3 , .ycodaslider dt strong{
	color:#33486A;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.1em;
	display: block;
}
#content p, #content dl , .post li{font-size:1.23em; line-height:1.6em; margin-bottom:1.23em;}
.post ol{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:decimal;
}
.post ul{
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a{ font-weight:inherit; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:inherit;   color:#2B2B2B; text-decoration: underline; }
a:hover{ text-decoration:none;}
a.descargar:link ,a.descargar:visited{background:url(/estilosico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
a.verMas {padding-left:20px; background:url(comunes/iconos/ico-todas.gif) no-repeat 0 4px;}
a.pdf {padding-left:23px; background:url(comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
#pagina a.mailto {padding-left:23px; background:url(comunes/iconos/gmail_16.png) no-repeat 2px 2px;}
a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;}
a.vistaAerea {display:block; width:5.5em; height:18px; padding:3px 1px 0px 25px; background:#cac2b3 url(comunes/iconos/ico-vista-aerea.png) no-repeat 0 2px;}

a.boton  { display: block; float: left; margin-right:1%; width: 219px; text-decoration:none;  height:28px; padding-top:12px; text-indent:15px; color:#115ac7; background: url(comunes/botones/btn-enlace-boton.png) no-repeat}
a.boton:hover { text-decoration: underline;}
a.boton span { color:#e57304; }
/*****	LISTAS MENUS   ****/
/* Lista para el migas */
ul#migas { margin-bottom: 17px; color:#b8c0cc;}
#migas li { float:left; padding-right:5px;}
#migas strong { color: #324561;}
#migas  li a{color:#7a8798; }

/* Lista menu utilidades */
#nav_utilidades{ padding-right: 13px; text-align: right; line-height: 21px; background: #0b1a31;  }
#nav_utilidades li{ display: inline; }
#nav_utilidades li a:link, #nav_utilidades li a:visited {  color:#fff; text-decoration:none;}
#nav_utilidades li a:hover {  color:#fff; text-decoration:underline}
#nav_utilidades li span { color:#a7c4f0; padding:0 6px 0 7px; }

/*** listas en linea ***/
#pagina ul.linea { display:block;}
#pagina ul.linea li { float:none; display:inline;}


/*  menu principal con botones */
#nav_principal {  float:none; height:46px; } 
#nav_principal li {  display:block; float:left; }
#nav_principal li a {display:block; text-indent:-99999px; }

/** nav_principalText **/
#nav_principalText  { text-align: right;}
#nav_principalText li  {  display: inline;  text-align: left; }
#nav_principalText li a {  padding:0.5em 2em; margin: -1px;  text-decoration: none;  color: #dfdfdf; background:url(comunes/fondos/bg-tabs.gif) 0 0; }
#nav_principalText li a:hover , 
#nav_principalText li a#select {  color: #3b3b3b; background: #fff; }

/** Para el footer  **/
#footer .nav { margin-bottom: .5em; text-align: center;  }
#footer .nav  li { border-right:2px solid #fff; display:inline; padding:0 3%; }
/* Usando la tecnica de sprite para los menus */
#menuInicio{display:block; width:104px;height:46px;background:url(interface/menu/fnd-menu.png) 0 0; }
#menuInicio:hover, #menuInicioOn{display:block; width:104px;height:46px; background:url(interface/menu/fnd-menu.png) 0 46px; }

#menuEmpresa{display:block; width:104px;height:46px;background:url(interface/menu/fnd-menu.png) -104px 0; }
#menuEmpresa:hover, #menuEmpresaOn{display:block; width:104px;height:46px; background:url(interface/menu/fnd-menu.png) -104px 46px; }

#menuServicios{display:block; width:109px;height:46px;background:url(interface/menu/fnd-menu.png) -208px 0; }
#menuServicios:hover, #menuServiciosOn{display:block; width:109px;height:46px; background:url(interface/menu/fnd-menu.png) -208px 46px; }

#menuInstalaciones{display:block; width:139px;height:46px;background:url(interface/menu/fnd-menu.png) -317px 0; }
#menuInstalaciones:hover, #menuInstalacionesOn{display:block; width:139px;height:46px; background:url(interface/menu/fnd-menu.png) -317px 46px; }

#menuCatalogo{display:block; width:109px;height:46px;background:url(interface/menu/fnd-menu.png) -456px 0; }
#menuCatalogo:hover, #menuCatalogoOn{display:block; width:109px;height:46px; background:url(interface/menu/fnd-menu.png) -456px 46px; }

#menuConcesionario{display:block; width:324px;height:46px;background:url(interface/menu/fnd-menu.png) -565px 0; }
#menuConcesionario:hover, #menuConcesionarioOn{display:block; width:324px;height:46px; background:url(interface/menu/fnd-menu.png) -565px 46px; }

#menuContacto{display:block; width:111px;height:46px;background:url(interface/menu/fnd-menu.png) -889px 0; }
#menuContacto:hover, #menuContactoOn{display:block; width:111px;height:46px; background:url(interface/menu/fnd-menu.png) -889px 46px; }




/*** Estructuras Comunes ***/
     /** imagenes **/
	img.cuadro { padding: 2px 3px; border: 1px solid #d4d3d3;}
	/*** Galeria ***/
	p.galeria   {  margin-bottom:20px;  }
	p.galeria  a { float:left; width:150px; margin-right:10px; font-size:0.9em; text-decoration:none; color:#5c676e;  }
	p.galeria  a img { display:block; margin-bottom:7px; }
	p.galeria  a.ultimo { margin-right:0 }
	/*** ***/
	
	/** dl.fotoDescripcion {} **/
	dl.fotoDescripcion {  width:95%;}
	dl.fotoDescripcion dt { float:left; width:170px;}
	dl.fotoDescripcion dd { float:right; width:65%; }
	dl.fotoDescripcion dd h3 { margin:0 0 8px 0; font-weight:bold; font-size:1.18em; color:#620f6e;}
	dl.fotoDescripcion dd dl.linea dt {display:inline; float:none; font-weight:bold; color:#6a645a;}
	dl.fotoDescripcion dd dl.linea dd {display:inline; float:none; padding:0; background:none;}
	dl.fotoDescripcion dd dl.linea2 dt {display:inline; float:none; font-weight:normal; color:#660066;}
	dl.fotoDescripcion dd dl.linea2 dd {display:inline; float:none; padding:0; background:none;}

/*** paginaciones ***/
p.paginacion { clear:both; margin: 10px 0; padding: 6px 8px; background:#f2f3f5;}
p.paginacion strong.total { float: left; color: #8c96a6;} 
p.paginacion span.paginacion { float: right;} 
p.paginacion span.pagina { color: #8c96a6;}
p.paginacion a { color: #115ccc;}
	/*** estructuras columas como un periodico de texto ***/
	dl.columnasPeriodico { width:95%; text-align:justify;}
	dl.columnasPeriodico dd { width:46%; float:left;}
	dl.columnasPeriodico dd.ultimo { width:48%; float:right;}


	/*** Errores ***/
	.ficha .mesagges.status { width: 57%; }
	.mesagges.status { padding:60px 50px; height: 185px; background: url(comunes/fondos/fnd-request.png) no-repeat}
	.mesagges.status span { display: block; margin-bottom: 10px;}
	.mesagges.error { padding:5px 0 5px 20px; color:#fff; font-weight:bold; background: #f33;}
/***** reglas css particulares a cada proyecto ***/
h1 { font-size: 2em; color:#ffb515; }
h1 span strong { display: block; font-size: .47em; }
/** Logo**/
h1 { background: url(interface/logo.png) no-repeat 0 7px; text-indent: -9999px; }
#header p { display: none;}
#footer  { padding: 20px; }
#footer *  { font-size: 1em; color: #fff;  }
#footer h2  {  position: absolute;  }
#footer .vcard  { position: absolute; right:20px; }

/** Sobre mi**/
.about_me { width: 50%; float: left;}
.about_me img { float :left; margin: 10px 10px 5px 0; padding: 4px; border: 1px solid #2b2b2b;}


/*** LISTA REDES SOCIALES ***/
.more_me { width: 45%; float: right; }
.more_me li a { display: block; color: #2b2b2b; background: none; text-transform: uppercase; }
.more_me li { background-color:#FAFAFA; padding: 5px 0 5px 60px; border-top:1px solid #EFEFEF; text-align: left; color: #33486A;}
.more_me li.even { background-color:#F8F8F8; }
li.delicious  { background: url(comunes/iconos/delicious_32.png) no-repeat 0 4px ;}
li.technorati  { background: url(comunes/iconos/technorati_32.png) no-repeat 0 4px ;}
li.lastfm  { background: url(comunes/iconos/lastfm_32.png) no-repeat 0 4px ;}
li.flickr  { background: url(comunes/iconos/flickr_32.png) no-repeat 0 4px ;}
li.youtube  { background: url(comunes/iconos/youtube_32.png) no-repeat 0 4px ;}
li.twitter  { background: url(comunes/iconos/twitter_32.png) no-repeat 0 4px ;}
li.xing  { background: url(comunes/iconos/xing_32.png) no-repeat 0 4px ;}
li.facebook  { background: url(comunes/iconos/facebook_32.png) no-repeat 0 4px ;}

/** Conocimientos **/
.conocimientos { clear: both;}
.conocimientos dt {font-weight: bold; }
.conocimientos dd { padding-left: 1em; }
.conocimientos dt {font-weight: bold; }
.conocimientos dd { padding-left: 1em; }
.conocimientos h4, .conocimientos div li { font-size:1.23em; }
/*** Para el portfolio ***/
.portfolio dt {  width: 225px; height: 225px; float:left; overflow: hidden; }
.portfolio dt a { }
.portfolio dt a:hover {  opacity: 1; }

.portfolio dd { display: none; }
.portfolio dd.descrip { 
	background: transparent url(comunes/fondos/insertbg.png) repeat scroll 0 0;
	color: #FFFFFF;
	display: block;
	font-size: 0.6em;
	width: 225px;
	height: 225px;
	overflow: hidden;
	display: none;
	float: left;
}
.portfolio dd.descrip a { 
	color: #FFFFFF;
	font-size: 1.4em;
	
}
.portfolio dd.descrip h3 { 
	color: #FFB515;
}
#content .portfolio dd.descrip p , #content .portfolio dd.descrip li{ 
	margin-bottom: 0.2em;
}
#content .portfolio dd.descrip p, .portfolio dd.descrip h3, .portfolio dd.descrip a  { 
	padding-left: 10px;
}

/** Contacto **/
address.qr {
	background: url(comunes/titulos/qr_min.png) no-repeat;
	padding-left: 170px;
	height: 170px;
}
address.qr .bloquedir , address.qr abbr.mailto {
	display: block;
	padding-top: 15px;
}

/** blog **/
/* Layout */
#main_content {
	width: 60%; float: left;
}
#sidebar {
	width: 35%; float: right;
}
#sidebar .sidebar_a{
	width: 45%; float: right;
}
#sidebar .sidebar_b{
	width: 50%; float: left; padding-right:2%;
}
#sidebar .rss a.suscribirte {
	display: block; width: 130px; height:130px;
	text-indent: -9999px;
	background: url(comunes/iconos/rss.png) no-repeat ;
}
/* paginacion */
div.navigation {
	overflow: hidden;
}
div.navigation .alignleft {
	float: left;
}
div.navigation .alignright {
	float: right;
}