/*
THEME NAME: iuttu
THEME URI:
DESCRIPTION: basado den sandbox
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
strong {font-style:normal;font-weight:bold;}

/*********
 GENERAL
**********/
body {font-family:Arial,Helmet,Freesans,sans-serif;background:url('img/bg.gif') 0px 0px repeat-x #fff;font-size:12px;color:#8B8B8B;}
.skip-link {display:none;}
#wrapper {width:953px;margin:auto;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;background:url('img/bg_footer.gif') 0px bottom no-repeat #fff;}
strong {color:#31D0DD;font-weight:normal;}
h3 {font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;font-size:22px;}
h4 {font-size:14px;}
h5,
h5 a {font-size:18px;color:#31D0DD;margin-bottom:10px;text-decoration:none;display:block;}
.entry-content {line-height:18px;margin-top:10px;}
#content a {color:#31D0DD;font-weight:bold;text-decoration:none;}
.entry-content ul,
.entry-content p {margin-bottom:10px;}
.entry-content ul {margin-top:-5px;}
.search-no-results .post,
.hentry {padding:0px 14px 14px 14px;margin-bottom:15px;float:left;}
.ver_mas {background:#31D0DD;color:#fff !important;padding:0px 14px;text-decoration:none;font-weight:bold;font-size:14px;}

/*********
 CABECERA
**********/
#header {overflow:hidden;padding-top:14px;float:left;background:url('img/bg_cabecera.gif') 0px 0px no-repeat #fff;width:100%;}
h1 {float:left;}
#blog-description {display:none;}
h1 a {width:184px;height:115px;text-indent:-1000em;background:url('img/logo.png') 0px 0px no-repeat;float:left;margin-left:14px;}
#frase {float:right;background:url('img/frase_logo.png') right 0px no-repeat;height:43px;padding-right:74px;color:#31D0DD;font-size:22px;margin:33px 14px 0px 0px;}
#frase li {list-style:none;background:url('img/frase.png') left 0px no-repeat;line-height:43px;padding:0px 20px 0px 40px;}

/*********
 MENU
**********/
#menu {font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;background:url('img/bg_separador.gif') 0px bottom repeat-x;padding:0px 0px 10px 14px;overflow:hidden;clear:both;}
#menu ul li {float:left;height:36px;padding:8px 4px 0px 4px;background:url('img/bl_menu.gif') right top no-repeat ;}
#menu ul li a {font-size:26px;color:#8B8B8B;text-decoration:none;padding:0px 7px;}
#menu ul li.current_page_item a,
#menu ul li.current_page_parent a,
#menu ul li a:hover {background:#31D0DD;color:#fff;}
#menu ul li ul {display:none;}

/*********
 CONTENIDO
**********/
#container {padding:20px 0px 0px 0px;overflow:hidden;margin-bottom:18px;clear:both;}
#post_destacado h4 {margin-bottom:10px;}
#post_destacado img,
#contenido_post_destacado {float:left;}
#contenido_post_destacado {margin-left:17px;width:305px;}
#contenido_post_destacado li {margin-bottom:20px;list-style:none !important;}
#contenido_post_destacado h5,
#contenido_post_destacado h5 a {font-weight:normal;}
#content {overflow:hidden;}
#banner_destacado {float:right;margin:55px 0px 0px 0px;background:url('img/bg_banner_destacado.gif') 0px 0px no-repeat;padding-left:23px;}
#banner_destacado ul li {list-style:none !important;}
#post_destacado {overflow:hidden;float:left;}
#pie_secundario {padding:14px 14px 0px 14px;overflow:hidden;background:url('img/bg_separador.gif') 0px top repeat-x;clear:both;}
.page .cform {float:left;clear:both;width:355px;padding-right:160px;border-right:1px solid #D8D8D8;}
.page .cform label,
.page .cform label span {width:82px;margin-top:2px;}
.page .cform input.backbutton,
.page .cform input.resetbutton,
.page .cform input.sendbutton {border:0px !important;background:#31D0DD;font-size:10px;font-weight:bold;color:#fff;text-align:left;height:18px;line-height:18px;width:125px;padding:0px 0px 0px 10px;}
.page .cform textarea,
.page .cform select,
.page .cform input {width:255px;border:1px solid #31D0DD;background:#fff;font-size:12px;color:#8B8B8B;}
.page .cform textarea {font-size:13px;}
.page .cform textarea:hover,
.page .cform select:hover,
.page .cform input:hover,
.page .cform textarea:focus,
.page .cform select:focus,
.page .cform input:focus {background:#31D0DD;color:#fff;}
.page .success {background:#31D0DD;float:left;width:auto;color:#fff;font-weight:bold;margin-bottom:0px;width:233px;margin-left:91px;font-size:13px;}
.page .linklove {display:none;}
#texto_alternativo_contacto {width:275px;float:left;padding:14px;}
#usermessagea.failure {display:none;}
#subsecciones {overflow:hidden;margin:20px 0px 0px 0px;}
#subsecciones li {width:235px;padding:0 60px 0 10px;float:left;border-right:1px solid #D8D8D8;list-style:none !important;}
#subsecciones li.ultimo {border-right:0px;}
#content ul li {list-style:disc inside;}

/*********
 HOME
**********/
#content h2 {display:none;}
#proyectos_destacados {padding:0px 14px 0px 14px;overflow:hidden;}
#lista_proyectos {margin:10px 0px 0px -12px !important;overflow:hidden;}
#lista_proyectos li {list-style:none !important;width:222px;float:left;line-height:20px;margin:0px 0px 50px 12px;background:url('img/bl_proyectos.gif') 0px 324px no-repeat;position:relative;padding-bottom:25px;}
.home #lista_proyectos li {margin-bottom:28px;}
#lista_proyectos li img,
#lista_proyectos li span {display:block;}
#lista_proyectos .ver_mas,
#lista_proyectos li h5,
#lista_proyectos li span {margin:0px 12px 0px 12px;}
#lista_proyectos li h5,
#lista_proyectos li h5 a {font-weight:normal;}
#lista_proyectos .ver_mas {line-height:15px;}
#lista_proyectos li img {margin-bottom:25px;border:1px solid #eee;}
#lista_proyectos li strong {color:#8B8B8B;font-weight:bold;}
#lista_proyectos li .resumen {margin-top:15px;}
#lista_proyectos .ver_mas {position:absolute;bottom:0px;}
.page-template-template_proyectos-php #content h2 {display:none;}
.page-template-template_proyectos-php #proyectos_destacados {background:none;}

/*********
 OTRAS
**********/
.four04 .post {padding:0px 14px 14px 14px;}
.category #content h2,
.archive #content h2,
.search #content h2,
.four04 #content h2 {font-size:18px;color:#31D0DD;margin-bottom:10px;text-decoration:none;display:block;font-weight:bold;padding:0px 14px 0px 14px;}
#searchform-404 {width:260px;}
#searchform-404 {width:260px;}
.blog-search #s-404 {width:254px;border:1px solid #31D0DD;background:#fff;font-size:12px;color:#8B8B8B;padding:2px;}
.blog-search #s-404:hover,
.blog-search #s-404:focus {background:#31D0DD;color:#fff;}
.blog-search .button {margin-top:2px;float:right;border:0px !important;background:#31D0DD;font-size:10px;font-weight:bold;color:#fff;text-align:left;height:18px;line-height:18px;width:75px;padding:0px 0px 0px 10px;}

/*********
 BLOG
**********/
#nav-above {display:none;}
.single #content,
.search #content,
.archive #content,
.blog #content {float:left;width:652px;}
.proyecto #content {width:953px;}
.single .hentry,
.search .hentry,
.archive.hentry,
.blog .hentry {width:624px;padding-top:0px;border-bottom:1px solid #EAEAEA;}
.proyecto .hentry {width:920px;}
.single .hentry {border:none;}
.single #content h2,
.single #content h2 a,
.blog #content h2,
.blog #content h2 a {font-size:18px;color:#31D0DD;margin-bottom:10px;text-decoration:none;display:block;font-weight:bold;}
.proyecto #content h2,
.proyecto #content h2 a {font-size:22px;font-weight:normal;color:#8B8B8B;}
.entry-date {font-weight:bold;color:#6D6D6D;}
.navigation {padding:14px;}
.nav-previous {float:left;}
.nav-next {float:right;}

/*********
 COMENTARIOS
**********/
#comments {clear:both;padding:14px;}
#trackbacks-list li,
#comments-list li {padding:0px 0px 14px 0px;border-bottom:1px solid #D8D8D8;margin-bottom:14px;}
#comments .form-label {margin-top:5px;color:#31D0DD}
#commentform {width:260px;}
.emailreqtxt,
.reqtxt {display:none;}


/*********
 PROYECTO
**********/
#captura_principal {width:250px;float:left;}
#captura_principal img {border:1px solid #eee;}
#ficha_proyecto {width:670px;float:right;font-size:13px;position:relative;}
#ficha_proyecto strong {width:100px;float:left;text-align:right;margin-right:5px;}
#ficha_proyecto li {list-style:none !important;padding:0px;margin:0px;display:block;clear:both;}
#caracteristicas {margin-top:20px;margin-bottom:20px;}
#navegacion_proyectos {position:absolute;bottom:0px;width:100%;z-index:100;}
#navegacion_proyectos li {clear:none;}
#navegacion_proyectos #proyecto_anterior {float:left;}
#navegacion_proyectos #proyecto_siguiente {float:right;}

/*********
 SIDEBAR
**********/
.widget_iuttu_banner h3 {display:none;}
#sidebar_blog {width:260px;float:right;margin-right:14px;line-height:18px;}
#sidebar_blog a {color:#31D0DD;font-weight:normal;text-decoration:none;}
#sidebar_blog h3 {font-family:Arial,Helmet,Freesans,sans-serif;color:#31D0DD;font-size:16px;display:block;border-bottom:1px solid #D8D8D8;padding-bottom:5px;margin-bottom:5px;font-weight:bold;}
#sidebar_blog .widget {margin-bottom:30px;}
.widget_search h3 {display:none !important;}
#searchform-no-results {width:260px;}
#s-no-results,
#commentform .form-input input,
#commentform #comment,
.widget_search #s {width:254px;border:1px solid #31D0DD;background:#fff;font-size:12px;color:#8B8B8B;padding:2px;}
#commentform #comment {height:100px;}
#s-no-results:hover,
#s-no-results:focus,
#commentform .form-input input:hover,
#commentform .form-input input:focus,
#commentform #comment:hover,
#commentform #comment:focus,
.widget_search #s:hover,
.widget_search #s:focus {background:#31D0DD;color:#fff;}
#commentform .button,
.widget_search .button {margin-top:2px;float:right;border:0px !important;background:#31D0DD;font-size:10px;font-weight:bold;color:#fff;text-align:left;height:18px;line-height:18px;width:75px;padding:0px 0px 0px 10px;}

/*********
 PIE
**********/
#footer {position:relative;clear:both;background:url('img/bg_separador.gif') 0px top repeat-x;padding-top:18px;}
#copy {background:#31D0DD;line-height:28px;font-size:12px;color:#fff;padding-left:14px;clear:both;}
#modernos {font-size:14px;float:right;margin-right:14px;}
#modernos p {margin-right:10px;padding-top:5px;}
#modernos p,
#modernos ul li,
#modernos ul {float:left;}
#twitter a,
#rss a {width:27px;height:37px;text-indent:-1000em;overflow:hidden;float:left;}
#twitter a {background:url('img/twitter.png') 0px 0px no-repeat;}
#rss a {background:url('img/rss.png') 0px 0px no-repeat;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
