/*
/*   
Theme Name: Grupo Especialistas
Theme URI: www.grupoespecialistas.com/plataforma
Description: Template de Grupo Especialistas
Author: DigitalSeed
Author URI: http://www.digitalseed.es
Version: 1.0
*/

/************ Typography & Colors ************/
body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #f6f6f6 url('images/body_bg.jpg'); color: #333; text-align: center;}
#page {background: #FFFFFF url('images/home_content_bg.jpg') repeat-y top center; text-align: left;}
#header {background: transparent url('images/tp_equipo_header_top_bg.jpg') no-repeat top center;}
#home-header {background: transparent url('images/home_header_top_bg.jpg') no-repeat top center;}
#headerimg {margin: 7px 9px 0; height: 192px; width: 740px;}
#content, #content-home {font-size: 1.2em;}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.narrowcolumn_blog .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}
.narrowcolumn_blog .postmetadata {text-align: center;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
#footer {background: transparent url('images/home_footer_bg.jpg') no-repeat top; border: none;}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em;line-height: 1.5em;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}
h1 {font-size: 4em; text-align: center;}
#headerimg .description {font-size: 1.2em; text-align: center;}
h2 {font-size: 1.6em;}
h2.pagetitle {font-size: 1.6em;}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em;}
h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
.entry p a:visited {color: #b85b5a;}
.sticky {background: #f7f7f7; padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;	border: 1px solid #eee;	padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {	font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #666666; text-decoration: none;}
a:hover {color: #147; text-decoration: underline;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}

/************ Homepage Typography & Colors ************/
#soluciones {background: transparent url('images/home_content_soluciones_bg.jpg') repeat-y top center; text-align: left; font-family: Arial; font-size: 11px; color:#333333;}
#actualidad {background: transparent url('images/home_content_actualidad_bg.jpg') repeat-y top center; text-align: left; font-family: Arial; font-size: 11px; color:#333333;}
#actualidad a h4 {color: #333333; margin: 5px 0px;}
#actualidad a  {color: #cc6600;}
#top {background: transparent url('images/tp_equipo_content_top_bg.jpg') no-repeat top left;}
#top-home {background: transparent url('images/home_content_top_bg.jpg') no-repeat top center;}
#plataforma {background: transparent url('images/accesso_plataforma.png') no-repeat top center;}

/************ Structure ************/
body {margin: 0 0 20px 0; padding: 0;}
#page {margin: 20px auto 5px auto; padding: 0; width: 960px;}
#header {padding: 0; height: 142px; height: 62px; width: 960px;}
#home-header  {padding: 0; height: 142px; height: 62px; width: 960px;}
#headerimg {margin: 0; height: 200px; width: 100%;}
.narrowcolumn {float: left; padding: 0 0 20px 10px; margin: 0px 0 0; width: 450px;}
.narrowcolumn_blog {float: left; padding: 0 0 20px 10px; margin: 0px 0 0; width: 650px;}
.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px;}
.post {margin: 0px; text-align: justify; font-size:12px; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; color:#333333; line-height:16px;}
.post hr {display: block;}
.post a {}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {color: #666666; font-size:16px; margin: 10px 0px 18px}
.post h4 {margin: 5px 0px;}
.post h3 {text-transform: uppercase;}
.post ul {font-size:12px; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
.post ol {font-size:12px; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
.post blockquote {}
.post p {margin: 10px 0px;}
span.current_page {color: #ff6600; font-weight: bold;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.narrowcolumn_blog .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}
#content {min-height:470px; padding: 0 13px 0 14px;}
#content-home {min-height:470px; padding: 0 17px 0 19px;}
#footer {padding: 10px 50px; margin: 0 auto; width: 860px; height: 66px; clear: both;}


/************ Homepage Structure ************/
#soluciones {width:546px; height: 206px; float:left; padding-top: 48px; padding-left: 18px;}
#actualidad {width:360px; height:206px; margin-left: 564px; padding-top: 48px;}
#top  {height:45px; text-align: right;}
#top-home  {height:250px; text-align: right;}
#plataforma {float: right; height:78px; padding:50px 20px 20px; width:156px;}
#innovacion {float: right; padding-right: 9px; clear:both;}
/************ Headers ************/
h1 {padding-top: 70px; margin: 0;}
h2 {margin: 30px 0 0;}
h2.pagetitle {margin-top: 30px; text-align: center;}
#sidebar h2 {margin: 5px 0 0; padding: 0;}
h3 {padding: 0; margin: 30px 0 0;}
h3.comments {padding: 0; margin: 40px auto 20px ;}

/************ Images ************/
p img {padding: 0; max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

/************ Lists ************/
/*Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin:5px 0; padding: 0 0 0 14px; text-indent: 0px;}
html>body .entry li {margin: 0px;}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}

/************ Form Elements ************/
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 108px; padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto; float: right;}
/* End Form Elements */

/************ Comments ************/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}

/************ Sidebar ************/
#sidebar{padding: 20px 0 10px 0; margin-left: 495px; width: 190px;}
#sidebar form {margin: 0;}

/************ Calendar ************/
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff;}

/************ Various Tags & Classes ************/
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}

/************ Captions ************/
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/************ Footer ************/
#footer ul {list-style: none; padding:5px 0 0; margin:0;}
#footer ul li {display: block; float: left; margin-right: 41px;}
#footer ul li.last {margin-right: 0px;}
#footer p {margin: 0; padding: 20px 0; text-align: center;}

/************ Soluciones ***********/
#soluciones ul {list-style-image:url('images/li_marker1.jpg'); padding:0 0 0 17px; margin: 0px;}
#soluciones ul li {margin: 0px;}
#soluciones p {width:426px;}
#soluciones div.button {float: right; margin:18px 6px 0px 0px}
#soluciones div.block {height:92px; padding:10px 0px;}
#soluciones div.block p{margin:0px 0px 10px 0px;}

/************ Actualidad ***********/
#actualidad ul {list-style:none; margin:0; padding:0px 0 0px 17px;}
#actualidad ul li {height:84px; width:220px; padding:10px 0px;}
#actualidad p {margin: 0px}
#actualidad p.more {margin: 5px 0px}
#actualidad a.button {float: right; margin:140px 6px 0px 0px}

/************ Nav ***********/
ul#nav, ul#nav2  {list-style:none; margin: 0px; padding-left:217px;}
ul#nav2 {padding-left:222px;}
ul#nav li, ul#nav2 li{display: block; float: left; background: transparent url('images/navbar_tab.png') no-repeat top center; height:20px; padding:10px; text-align:center; width:154px;}
ul#nav2 li  {background: transparent url('images/navbar_tab2.png') no-repeat top center;}
ul#nav2 li.current_page_parent { background: transparent url('images/navbar_tab3.png') no-repeat top center; }
ul#nav li.current_page_item { background: transparent url('images/navbar_tab3.png') no-repeat top center; }
ul#nav li a, ul#nav2 li a{font-family: Arial; font-size: 11px; color: #999999; text-transform: uppercase; text-decoration: none;}
ul#nav li.current_page_parent a, ul#nav2 li.current_page_parent a{font-family: Arial; font-size: 11px; color: #333; text-transform: uppercase; font-weight: bold;}
ul#nav li.current_page_item a, ul#nav2 li.current_page_item a{font-family: Arial; font-size: 11px; color: #333; text-transform: uppercase; font-weight: bold;}

/************ Plataforma ***********/
#plataforma label {width: 60px; text-align: left; display:block; float:left; color: #666666; font-family: Arial; font-size: 11px;}
#plataforma input {width: 88px; border: 1px solid #cccccc;}
#plataforma input.login {width: 100px; height:26px; border: none; cursor: pointer; background: transparent url('images/login_button.png') no-repeat top center; margin-bottom: 0px;}
#plataforma p { margin: 0px; }
#plataforma p a { margin: 0px; color: #666666; font-family: Arial; font-size: 11px; text-decoration: underline; }

/************ Left Sidebar ***********/

#left_sidebar {width: 224px; float: left; }
#left_sidebar_sub_header {background: transparent url('images/tp_equipo_left_sidebar_sub_head.jpg') no-repeat top left; height:85px;}
#left_sidebar_header {background: transparent url('images/tp_equipo_left_sidebar_base.png') no-repeat top left; height:45px;}
#left_sidebar_header_blog {background: transparent url('images/tp_equipo_left_sidebar_base_blog.png') no-repeat top left; height:45px;}
#left_sidebar_categories {padding: 25px 0px; background: transparent url('images/tp_equipo_left_sidebar_bg.png') repeat-y top left; min-height: 70px;}
#left_sidebar_categories ul {padding: 0px; margin: 0px;}
#left_sidebar_categories ul li {display: block; padding: 0px 0px 0px 44px; margin: 2px 0px;}
#left_sidebar_categories ul li.current_page_item {background: transparent url('images/tp_equipo_left_sidebar_bg_select.png') repeat-y top left;}
#left_sidebar_categories ul li.current_page_item a {color: #ff6600;}
#left_sidebar_categories ul li a {font-family: Arial; color: #999999; font-size: 12px; font-weight: bold;}
#left_sidebar_categories ul li a:hover, #left_sidebar_categories ul li.current a {color: #cc3300; text-decoration: none;}
#inner_content {margin-left:245px; padding-right:20px; padding-top:1px;}
#left_sidebar_foto {background: transparent url('images/tp_equipo_left_sidebar_foto.png') no-repeat top left; height: 234px;}

#bottom {background: transparent url('images/tp_equipo_inner_content_bg.jpg') repeat-x bottom left; margin-bottom:2px; padding-bottom:10px; min-height:553px;}
#content-home #bottom {min-height: 254px; padding: 0px;}
/************ Content-Box ***********/
#content_box {}
#content_box_header {background: transparent url('images/tp_equipo_content_box_header.jpg') no-repeat top left; height: 57px;}
#content_box_top_content {background: transparent url('images/tp_equipo_content_box_top_bg.jpg') repeat-y top left;}
#content_box_break {background: transparent url('images/tp_equipo_content_box_separator.jpg') no-repeat top left; height: 12px;}
#content_box_bottom_content {background: transparent url('images/tp_equipo_content_box_bottom_bg.jpg') repeat-y top left;}
#content_box_footer {background: transparent url('images/tp_equipo_content_box_footer.png') no-repeat top left; height: 69px;}

/************ Servicios ***********/

.post_service{float: left; width: 500px; min-height: 450px; }
#right_sidebar_header {margin-left:505px; margin:0 auto 0 auto; text-align: center;}
#right_sidebar_images{margin-left:505px; margin:0 auto 0 auto; text-align: center;}
#right_sidebar_images img{margin-top:20px;}

span.equipo_gris a { color:#666666; font-weight:bold;}
span.equipo_naranja a { color:#ff6600; font-weight:bold; }
span.equipo_gris { color:#666666; font-weight:bold;}
span.equipo_naranja { color:#ff6600; font-weight:bold; }
span.equipo_gris  a:hover{ text-decoration: underline; color: #666666; }
span.equipo_naranja  a:hover{ text-decoration: underline; color: #ff6600; }
#equipo {background: transparent url('images/equipo.jpg') no-repeat top left; height:370px; margin-left:-10px; padding-top: 30px; margin-top: 12px;}
#equipo_sup_0 {float: left; margin-left:40px; margin-top:30px; height:60px; width:600px;}
#equipo_sup_1 {float: left; margin-left:40px; margin-top:30px; height:60px; width:600px; display:none;}
#equipo_inf_1 {float: left; margin-left:20px; margin-top:45px; height:185px; width:450px; display:none;}
#equipo_foto_1 {background: transparent url('images/phortal.jpg') no-repeat top left; height: 57px; float:left; margin-left:10px; margin-top:50px; height:185px; width:185px; display:none;}
#equipo_sup_2 {float: left; margin-left:40px; margin-top:30px; height:60px; width:600px; display:none;}
#equipo_inf_2 {float: left; margin-left:20px; margin-top:45px; height:185px; width:450px; display:none;}
#equipo_foto_2 {background: transparent url('images/e_marco.jpg') no-repeat top left; height: 57px; float:left; margin-left:10px; margin-top:50px; height:185px; width:185px; display:none;}
#equipo_sup_3 {float: left; margin-left:40px; margin-top:30px; height:60px; width:600px; display:none;}
#equipo_inf_3 {float: left; margin-left:20px; margin-top:45px; height:185px; width:450px; display:none;}
#equipo_foto_3 {background: transparent url('images/foto.jpg') no-repeat top left; height: 57px; float:left; margin-left:10px; margin-top:50px; height:185px; width:185px; display:none;}
#equipo_sup_4 {float: left; margin-left:40px; margin-top:30px; height:60px; width:600px; display:none;}
#equipo_inf_4 {float: left; margin-left:20px; margin-top:45px; height:185px; width:450px; display:none;}
#equipo_foto_4 {background: transparent url('images/equipo_marcos.jpg') no-repeat top left; height: 57px; float:left; margin-left:10px; margin-top:50px; height:185px; width:185px; display:none;}