*{ margin: 0px; padding: 0px; }
body { background: #95d42c url("../images/gm/bg.png"); text-align: left; }

.hide { display: none; }
img { border: 0px; }
html, body { height:100%; margin:0; }
/* --------------------- Clearing method  --------------------- */

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

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* --------------------- Base  --------------------- */
#pagina{ min-height: 100%; }
*html #pagina { height:100%;}
#insidepagina{ position: relative; padding-bottom: 90px;}

#header,#page-navigation,#sub-navigation,#page-container,#page-footer{ width:100%; margin: 0 auto;}
.fixed{ width: 980px; margin: 0 auto;}
.fixed2{ width: 770px; margin: 0 auto; }
/* --------------------- Header  --------------------- */
#header{ height: 48px; background: #000 url("../images/gm/header/bg.png") repeat-x; }
	#branding{ float: right; height: 36px; margin-top: 4px; }
		#branding h1 a{ display: block; width: 108px; height: 36px; background: #000 url("../images/gm/header/guion-medio.png") top left no-repeat; }
		#branding h1 span{ display: none; }
	#page-navigation{ height: 36px;}
		#page-navigation ul{ list-style: none; }
		#page-navigation li{ line-height: 36px;}
		#page-navigation li a{ margin-top: 4px; display: block; float: left; line-height:36px; height: 36px; background-color: #000; }
		#page-navigation li a span{ display: none; }
			a#nav_home{ width: 86px; background: #000 url("../images/gm/header/nav_home.png") top left no-repeat; }
			a#nav_serv{ width: 137px; background: #000 url("../images/gm/header/nav_serv.png") top left no-repeat; }
			a#nav_port{ width: 155px; background: #000 url("../images/gm/header/nav_port.png") top left no-repeat; }
			a#nav_equi{ width: 84px; background: #000 url("../images/gm/header/nav_equi.png") top left no-repeat; }
			a#nav_blog{ width: 85px; background: #000 url("../images/gm/header/nav_blog.png") top left no-repeat; }
			a#nav_cont{ width: 132px; background: #000 url("../images/gm/header/nav_cont.png") top left no-repeat; }
			a#nav_tran{ margin-left: 50px; width: 80px; background: #000 url("../images/gm/header/translate.jpg") top left no-repeat; }
			
			a#nav_home.active{ background: #000 url("../images/gm/header/nav_home_act.png") top left no-repeat; }
			a#nav_serv.active{ background: #000 url("../images/gm/header/nav_serv_act.png") top left no-repeat; }
			a#nav_port.active{ background: #000 url("../images/gm/header/nav_port_act.png") top left no-repeat; }
			a#nav_equi.active{ background: #000 url("../images/gm/header/nav_equi_act.png") top left no-repeat; }
			a#nav_blog.active{ background: #000 url("../images/gm/header/nav_blog_act.png") top left no-repeat; }
			a#nav_cont.active{ background: #000 url("../images/gm/header/nav_cont_act.png") top left no-repeat; }
			
	#sub-navigation{ }
		#sub-navigation ul{ margin:0px 0px 0px 45px; height: 38px; width: 714px; background: #95d42c url("../images/gm/header/submenu.png") top left no-repeat; list-style: none; }
		#sub-navigation li{ line-height: 36px; display: inline;}
		#sub-navigation li a { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:15px; word-spacing:-0.05em; text-decoration: none; color:#000; display: block; float: left; margin:5px 11px 0px 11px;}
		#sub-navigation li a.active { color: #95d42c; }


/* --------------------- Page-Content  --------------------- */			
#page-content{ margin-top: 12px;}

#page-content .rounded{ margin: 0 auto; width: 973px; background: #FFF url("../images/gm/content/rounded_content.png") repeat-y; }
#page-content .rounded .topcorners{ display: block; height:10px; width:100%; background: #FFF url("../images/gm/content/topcorners.png") top no-repeat;}
#page-content .rounded .botcorners{ display: block; height:14px; width:100%; background: #FFF url("../images/gm/content/botcorners.png") top no-repeat;}
#page-content .rounded .rounded_content{ margin: 0 auto; width:100%; padding: 0px; }

#page-content h1#logocentral{ margin: 50px auto 0px auto; display: block; width: 770px; height: 144px; background: #95d42c url("../images/gm/content/guionmedio_central.png") top no-repeat;}
#page-content h1#logocentral span{ display: none;}
#page-content p#slogan{ margin: 20px auto 0px auto; display: block; width: 770px; height: 92px; background: #95d42c url("../images/gm/content/quehacemos.png") top no-repeat;}
#page-content p#slogan span{ display: none; }
#page-content h2#novedades{ margin: 40px 0px 0px 0px; display: block; width: 160px; height: 46px; background: #95d42c url("../images/gm/content/novedades.png") top right no-repeat; }
#page-content h2#novedades span{ display: none; }
#page-content  ul.blog_rss{ margin: 5px 0px 20px 50px; }
#page-content  ul.blog_rss li{ color: #FFF; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:23px;}
#page-content  ul.blog_rss li a{ color: #FFF; }

#page-content #page-servicios { margin-top: 10px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
#page-content #page-servicios p{ margin:4px 20px 8px 20px; }
#page-content #page-servicios ul{ margin-left: 40px; }
#page-content #page-servicios ul li{ line-height: 22px; }
#page-content #page-servicios ul li a { color: #95d42c; text-decoration: none; }
#page-content #page-servicios ul li a:hover { color: #000; text-decoration: underline; }
/*
h2.page-title{ padding-bottom: 1px; border-bottom: 1px dotted #78AF15; color: #333; margin: 0px 10px 0px 10px; text-indent: 5px; font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:40px; line-height:1.3em; font-weight: normal; }
h2.page-title span{ padding-bottom: 3px; display: block; border-bottom: 2px solid #95d42c; width:100%; }
*/
div.page-title { margin: 10px auto; display: block; height:45px; width:950px; background: #FFF url("../images/gm/content/barra_titulos.png") bottom left repeat-x; }
div.page-title h2 { margin-left: 10px; display: block; height:32px; width:500px; }
div.page-title h2 span{ display: none; }
h2#titulo_equipo{ background: #FFF url("../images/gm/content/titulo_equipo.png") top left no-repeat; }
h2#titulo_contacto{ background: #FFF url("../images/gm/content/titulo_contacto.png") top left no-repeat; }
h2#titulo_servicios{ background: #FFF url("../images/gm/content/titulo_servicios.png") top left no-repeat; }
h2#titulo_portfolio{ background: #FFF url("../images/gm/content/titulo_portfolio.png") top left no-repeat; }

/* --------------------- Footer --------------------- */	
#page-footer{ position:relative; height: 84px; margin-top:-84px; background: #000 url("../images/gm/footer/bg.png") repeat-x; color: #FFF;}
#page-footer #footer_logo{ margin: 30px 0px 0px 10px; float: left; display: block; width:86px; height:24px; background: #000 url("../images/gm/footer/logo.png") no-repeat;}
#page-footer #footer_logo span{ display: none;}
#page-footer #footer_nav{ float: left; width: 360px; margin: 12px 0px 0px 30px; }
#page-footer #footer_nav ul{ list-style: none; }
#page-footer #footer_nav ul li{ display: block; float: left; width: 120px; }
#page-footer #footer_nav a{ color:#FFF; text-decoration: none; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; }
#page-footer #footer_nav a:hover{ color:#95d42c;  }
#page-footer #social_icons{ float: right; margin: 12px 0px 0px 0px;}
#page-footer #social_icons ul{ list-style: none; }
#page-footer #social_icons ul li{ display: inline;}

/* --------------------- Equipo --------------------- */
.miembro{ width: 950px; margin: 0px auto; border-bottom: 1px solid #CFCFCF; padding-bottom: 7px; padding-top: 7px; }
	.miembro .retrato{ float: left; overflow: hidden; width: 150px; height: 110px;}
	.miembro .datos{ float: left; margin-left: 10px; }
	.miembro .datos h3{ font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:32px; line-height:1.3em; font-weight: normal;}
	.miembro .datos h4{ font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:25px; line-height:1.1em; letter-spacing: -0.05; word-spacing:-0.05em; font-weight: normal; }
	.miembro .datos h5{ font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:15px; line-height:1.1em; word-spacing:-0.05em; font-weight: normal; color: #999; }
	.miembro .datos ul.icons{ margin-top: 5px; list-style: none; }
	.miembro .datos ul.icons li{ display: inline; height: 16px; }
	.miembro .datos ul.icons li a{ margin:0; padding:0; float: left; margin-right: 4px; display: block; height: 16px; width: 16px;}
	.miembro .datos ul.icons li a span{ display: none;}
	.miembro .datos ul.icons li a.twitter{ background: #FFF url("../images/gm/content/icon_twitter.png") no-repeat;}
	.miembro .datos ul.icons li a.facebook{ background: #FFF url("../images/gm/content/icon_facebook.png") no-repeat;}
	.miembro .datos ul.icons li a.linkedin{ background: #FFF url("../images/gm/content/icon_linkedin.png") no-repeat;}
	.miembro .datos ul.icons li a.rss{ background: #FFF url("../images/gm/content/icon_rss.png") no-repeat;}
	.miembro .datos ul.icons li a.flickr{ background: #FFF url("../images/gm/content/icon_flickr.png") no-repeat;}
	.miembro .datos ul.icons li a.tumblr{ background: #FFF url("../images/gm/content/icon_tumblr.png") no-repeat;}
	.miembro .datos ul.icons li a.delicious{ background: #FFF url("../images/gm/content/icon_delicious.png") no-repeat;}
	.miembro .twitter{ background:#FFF url("../images/gm/content/quotes.png") top left no-repeat; float: right; margin: 0px 10px; width: 300px;}
	.miembro .twitter p{ font-family: Georgia; font-size:12px; color: #777; text-indent: 50px; margin-top: 20px; line-height: 18px;}
	.miembro .twitter p span{ display: block; text-indent:0px;}
	.miembro .twitter p span a{ color: #AAA; }
.otros_miembro{ width: 950px; margin: 0px auto; }
	.otros_miembro .miembro{ float: left; width: 50%; margin: 0px auto; border-bottom: 1px solid #CFCFCF; padding-bottom: 7px; padding-top: 7px; }
	.otros_miembro .miembro .retrato{ float: left; overflow: hidden; width: 100px; height: 70px; background-color: #EFEFEF;}
	.otros_miembro .miembro .retrato img { width: 100px; }
	.otros_miembro .miembro .datos{ float: left; margin-left: 10px; }
	.otros_miembro .miembro .datos h3{ font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:27px; line-height:1em; font-weight: normal;}
	.otros_miembro .miembro .datos h4{ font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:22px; line-height:1em; letter-spacing: -0.05; word-spacing:-0.05em; font-weight: normal; }
/* --------------------- Portfolio --------------------- */
.trabajo{ width: 950px; margin: 0px auto; border-bottom: 1px solid #CFCFCF; padding-bottom: 7px; padding-top: 7px; }
	.trabajo .captura{ padding: 1px; border:1px solid #DDD; float: left; width: 500px; height: 200px; overflow: hidden; background-color: #EFEFEF;}
	.trabajo .datos{ float: left; margin-left: 10px; width:430px}
	.trabajo .datos h3{ font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:32px; line-height:1.3em; font-weight: normal;}
	.trabajo .datos h4{ font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:25px; line-height:1.1em; letter-spacing: -0.05; word-spacing:-0.05em; font-weight: normal; }
	.trabajo .datos p{ font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:15px; line-height:18px; word-spacing:-0.05em; font-weight: normal; color: #999; }
	
.tp_ampliado .captura{ float: left; width: 950px; height: 200px; background-color: #EFEFEF; }
.tp_ampliado .datos{ margin-top: 10px; margin-left:0px; }

.trabajitos{ width: 950px; margin: 0px auto; }
	.trabajitos .trabajo{ border-bottom:1px solid #CFCFCF; margin: 0px auto; width: 50%; float: left; padding-bottom: 7px; padding-top: 7px;  }
	.trabajitos .trabajo .captura{ margin:0 auto; width: 200px; height: 80px; background-color: #EFEFEF; }
	.trabajitos .trabajo .captura:hover{ background-color: #EAEAEA; }
	.trabajitos .trabajo h3{ margin-left: 3px; font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:27px; line-height:1.3em; font-weight: normal;}
	.trabajitos .trabajo p{ margin-left:210px; margin-right:8px; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:15px; line-height:18px; word-spacing:-0.05em; font-weight: normal; color: #999;}

/* --------------------- Contacto --------------------- */
#contact{ margin-top: 20px; float: left; width: 570px; margin-left:20px; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:15px; line-height:1.1em; word-spacing:-0.05em; font-weight: normal; color: #000;}
#contact p{ margin-bottom: 15px; }
#contact label{ display: block; float: left; width: 80px; }
#contact input.text{ width: 460px; background-color: #FEFEFE; border:1px solid #999; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:16px; line-height:20px; color: #444;}
#contact textarea{ height: 180px; width: 460px; background-color: #FEFEFE; border:1px solid #999; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:16px; line-height:1.1em; word-spacing:-0.05em; font-weight: normal; color: #555;}
#complement{ margin-top: 0px; width: 270px; margin: 0px 0px 0px 630px; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:15px; line-height:1.1em; word-spacing:-0.05em; font-weight: normal; color: #000;} 
#complement h3{ border-bottom:1px solid #DDD; padding-bottom:2px; margin-top:15px; margin-bottom:5px; font-style: italic; font-family:Georgia,"Arial",Helvetica,sans-serif; font-size:25px; line-height:1.1em; letter-spacing: -0.05; word-spacing:-0.05em; font-weight: normal; text-indent: 10px;}
#complement p { line-height: 1.3em;}
#complement p.acceso_cliente { width: 180px; }
#complement p span{ color: #666}