/*
Theme Name: Think-Thanks
Theme URI: http://think-thanks.com/
Description: Tema para el sitio institucional de Think-Thanks
Author: Daniel Dvorkin
Version: 1.0
*/


/* RESET */

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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


/* BODY */

body {

	background-color: #f4f4f4;

}

/* HEADER */

#header{
	height: 100px;
	width: 100%;
	background-image: url(images/header-bg.png);
	background-repeat: repeat-x;
}

#header-content{
	width: 940px;
	margin: 0 auto;
}

#logo{
	padding-top: 8px;
	padding-left: 25px;
	float: left;
}

#menu{
	float:right;
	margin-top: 10px;
	margin-right: 25px;
}

#header #menu .menu-principal-container{
    display: block;
    clear: both;
    margin-top: 45px;
}

#lista_idiomas{
    display: block;
    clear: both;
    float: right;
}

#lista_idiomas ul li{
    margin-left: 5px !important;
}

#menu ul li{
	display: inline;
	float: left;
	margin-left: 40px;
}

#menu ul li a{
	font-family: "Lucida Sans", Arial;
	font-size: 15px;
	color:#546670;
	text-decoration: none;
	font-style: italic;
}
#menu ul li a:hover{
	text-decoration: underline;
}




/* CONTENT */

#content{
	width: 940px;
	margin: 0 auto;
}

.clear{
	clear: both;
	display: block;
}


/* HOME */

#servicios{
	margin-top: -5px;
}

div#servicios div.servicio div.servicio_adentro{

	padding-right: 25px;
	padding-left: 25px;
	
}

div#servicios div.servicio{
	width: 313px;
	float: left;
	background: none;
	padding-top: 20px;
	margin-bottom: 30px;
}

div#servicios div.DMOL:hover{
	background-image: url(images/servicio-bg-dmol.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div.DMOLMN:hover{
	background-image: url(images/servicio-bg-dmol.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div.GIEPO:hover{
	background-image: url(images/servicio-bg-giepo.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div.SICE:hover{
	background-image: url(images/servicio-bg-sice.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div.Tech:hover{
	background-image: url(images/servicio-bg-tech.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div.SEO:hover{
	background-image: url(images/servicio-bg-seo.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#servicios div p a, div#servicios div p a:hover, div#servicios div p a:visited, div#servicios div p a:active, div#servicios a {
	text-align: left;
	font-family: Tahoma, Georgia;
	font-size: 10pt;
	color:#556269;
	line-height: 17px;
	text-decoration: none;
}

.leermas{
	text-align: left;
	margin-top: 15px;
}

.leermas a{
	font-family: Tahoma, Georgia;
	font-size: 10.5pt;
	color:#556269;
	text-decoration: none;
	
	background-image: url(images/leermas.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;

}


.leermas a:hover{
	text-decoration: underline;
}

/* HOME BIENVENIDA */

#bienvenida{
	margin: 0 auto;
	width: 908px;
}

#bienvenida-content{
	background: url(images/caja-home.png);
	color: #56646b;
	font-family: Thaoma;
	font-size: 11pt;
	height: 115px;
	width: 590px;
	float: left;
}

#bienvenida-content-inner{
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
}

#bienvenida-content-inner p{
	margin-bottom: 10px;
	text-align: left;
	font-family: Tahoma, Georgia;
	font-size: 10pt;
	color: #556269;
	line-height: 17px;
	text-decoration: none;
}

#bienvenida-social{
	background: url(images/caja-home-social.png);
	color: #56646b;
	font-family: "Thaoma";
	font-size: 11pt;
	height: 115px;
	width: 313px;
	float: right;
}

#bienvenida-social-inner{
	padding-top: 20px;
	padding-left: 20px;
}

#bienvenida-social-inner ul{
	margin-left: 42px;
	margin-top: 10px;
}

#bienvenida-social-inner ul li{
	float: left;
	margin-right: 30px;
}

/* FOOTER */

#footer{
	background-color: #ededed;
	width: 100%;
}

#separador{

	background: url(images/separador.png);
	width: 100%;
	height: 118px;
	background-position: top center;
	margin-top: -75px;

}

#footer-content{
	width: 940px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

#footer-content #novedades {
	float: left;
}

#footer-content #novedades #novedades-titulo{
	padding-left: 25px;
	margin-bottom: 25px;
}

#footer-content #novedades .novedad{
	width: 270px;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
}

#footer-content #novedades .novedad h2{
	text-align: left;
	font-family: Tahoma, Georgia;
	font-size: 14pt;
	color:#556269;
	margin-bottom: 10px;
}

#footer-content #novedades .novedad p{
	text-align: left;
	font-family: Tahoma, Georgia;
	font-size: 10pt;
	color:#556269;
	line-height: 17px;
}


.leermas-footer a{
	background-image: url(images/leermas-footer.png) !important;
}

#footer-content #contacto {
	float: right;
	width: 270px;
	background: url(images/footer-separador.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 30px;

}

#pie-content{
	padding-top: 230px;
	width: 940px;
	margin: 0 auto;
	text-align: center;
}

#pie-content ul li{
	display: inline;
	margin-left: 20px;
	width: 90px;
}

#pie-content ul li a{
	font-family: Arial;
	font-size: 10pt;
	color:#fff;
}

#pie{
		background-image: url(images/footer-general.png);
		background-position: center;
		height: 263px;
		background-repeat: no-repeat;
}

div#pie.sice{
		background-image: url(images/footer-sice.png) !important;
}

div#pie.giepo{
		background-image: url(images/footer-giepo.png) !important;
}

div#pie.dmol{
		background-image: url(images/footer-dmol.png) !important;
}

div#pie.dmolmn{
		background-image: url(images/footer-dmol.png) !important;
}

div#pie.seo{
		background-image: url(images/footer-seo.png) !important;
}

div#pie.tech{
		background-image: url(images/footer-tech.png) !important;
}




/* INTERNAS SERVICIOS */

#barra-color-sice{
	background-image: url(images/servicio-bg-sice.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

#barra-color-giepo{
	background-image: url(images/servicio-bg-giepo.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

#barra-color-dmol{
	background-image: url(images/servicio-bg-dmol.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

#barra-color-dmolmn{
	background-image: url(images/servicio-bg-dmol.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

#barra-color-seo{
	background-image: url(images/servicio-bg-seo.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

#barra-color-tech{
	background-image: url(images/servicio-bg-tech.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

.servicios-interna #derecha{
	float: right;
	width:400px;

}
.servicios-interna #izquierda{
	float: left;
	width: 500px;
}

.servicios-interna ul{
	list-style: inside;

}
.servicios-interna ul li{
	margin-bottom: 10px;

}

.servicios-interna ul li address{
	color:#56646b;
	font-size: 13pt;
	font-family: Tahoma, Arial;
	display: inline;
}


.servicios-interna p{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color:#56646b;
	margin-bottom: 20px;
}

.servicios-interna h1{
	font-size: 21pt;
	font-family: Tahoma, Arial;
	font-style: italic;
	font-weight: 300;
	width: 420px;
	margin-top: 40px;
	margin-bottom: 40px;
	float:left;
	color:#00a1e3;
}

.servicios-interna #menu_areas{
	float: right;
	margin-top: 30px;
}

.servicios-interna #menu_areas ul{
	list-style: none;
}

.servicios-interna #menu_areas ul li{
	float:left;
}

.servicios-interna h3 {
	font-size: 15pt;
	font-family: Tahoma, Arial;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 10px;
}

td{
    vertical-align: top !important;
}

#interna-sice h1, #interna-sice ul, #interna-sice h3{
	color:#faa61a !important;
}

#interna-giepo h1, #interna-giepo h3, #interna-giepo ul{
	color:#80c342 !important;
}

#interna-dmol h1, #interna-dmol h3, #interna-dmol ul{
	color:#d50e02 !important;
}

#interna-dmolmn h1, #interna-dmolmn h3, #interna-dmolmn ul{
	color:#d50e02 !important;
}

#interna-seo h1, #interna-seo h3, #interna-seo ul{
	color:#cca813 !important;
}

#interna-tech h1, #interna-tech h3, #interna-tech ul{
	color:#646464 !important;
}

/* INTERNA THINK-THANKS */ /* INTERNA CONTACTO */

#imagen-think-thanks{
	float: left;
	clear: both;
}

#interna-think-thanks #izquierda, #interna-contacto #izquierda{
	width: 275px;
	margin-left: 30px;
}

#interna-think-thanks #derecha,  #interna-contacto #derecha{
	width: 275px;	
}

#interna-contacto ul {
	list-style: none;
}

#interna-contacto ul li{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color:#56646b;
}

#interna-contacto ul li.telefono{
	background: url(images/icon_telefono.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 16px;
}
#interna-contacto ul li.email{
	background: url(images/icon_email.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 21px;
	padding-top: 3px;
}
#interna-contacto ul li.direccion{
	background: url(images/icon_direccion.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	height: 26px;
}

/* CLIENTES */

#barra-color-clientes{
	background-image: url(images/servicio-bg-general.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}

.logo-externo{
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}

#derecha h2{
	font-size: 15pt;
	font-family: Tahoma, Arial;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 15px;
	color:#00a1e3;
}
#derecha ul li{
	color:#56646b;
	font-size: 10pt;
	font-family: Tahoma, Arial;
}

#derecha .cliente-content{
	margin-left: 15px;
}

.hide{
	display: none;
}


/* PRODUCTOS */

#barra-color-productos{
	background-image: url(images/servicio-bg-general.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 6px;
	margin-top: -5px;
}


#derecha .producto-content{
	margin-left: 15px;
}

.hide{
	display: none;
}