/*
Theme Name: HDO
Theme URI: http://hdo.com/
Description: The original HDO theme.
Version: 1.0
Author: ewex
*/


* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

ul {
        list-style-type: none;
}

@font-face {
	font-family: 'HDO Sketch';
	src: url('fonts/hdoot-webfont.eot');
	src: local('☺'), url('fonts/hdoot-webfont.woff') format('woff'), url('fonts/hdoot-webfont.ttf') format('truetype'), url('fonts/hdoot-webfont.svg#webfontnQShxB3B') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5 {
	font-family:HDO Sketch;
	color:#e2007a;
}

h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link {
	font-family: HDO Sketch;
	color:#e2007a;
	text-decoration:none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
	font-family: HDO Sketch;
	color:#e2007a;
}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited {
	font-family: HDO Sketch;
	color:#e2007a;
}
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active {
	font-family: HDO Sketch;
	color:#e2007a;
}

a img{
	border:none;
}
body {
	background:url(images/bg.jpg);
}
#page {
	width:895px;
	margin: 0 auto;
	background:url(images/bgpage.png) repeat-y;
}

#header {
	width:800px;
	height:259px;
	margin:0 auto;
	background:url(images/header.jpg) no-repeat;
}

#header .img {
	float:right;
	margin-right:30px;
}
#header .logotipo {
	margin-top:70px;
}


#menu {
	background-image:url(images/bg-menu.png);
	padding:0;
	width:800px;
	height:auto;
}
#menu ul{
	height:auto;
	width:575px;
	margin: 58px auto 0;
	background:url(images/separadormenu.png) left center no-repeat;
}
#menu ul li{
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	height:auto;
	padding:0 15px;
	background:url(images/separadormenu.png) right no-repeat;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}
#menu ul li a:link, #menu ul li a:hover, #menu ul li a:visited, #menu ul li a:active {
	display:block;
	height:28px;
	color:#FFF;
	font-family:HDO Sketch;
	font-size:16px;
	text-decoration:none;
	padding-top:12px;
}
#content {
	float:left;
	margin:0 50px;
	margin-top:70px;
	width:550px;
}

#content h1, #content h2, #content h3 {
	color:#e2007a;
	font-size:24px;
	margin: 20px 0 20px 0;
	text-transform:uppercase;
}

.navigation {
	height:64px;
}
.alignleft{
	float:left;
	display:block;
	background:url(images/anteriores.png) left no-repeat;
	width:62px;
	height:64px;
}
.alignleft a:link,.alignleft a:hover, .alignleft a:active, .alignleft a:visited {
	display:block;
	width:62px;
	height:64px;
}
.alignright{
	float:right;
	display:block;
	background:url(images/siguientes.png) right 5px no-repeat;
	width:62px;
	height:64px;
}
.alignright a:link, .alignright a:hover, .alignright a:visited, .alignright a:active {
	display:block;
	width:62px;
	height:64px;
}
.post {
	width: 550px;
}
.post a:link, .post a:hover, .post a:active, .post a:visited {
	color:#e2007a;
	text-decoration:none;
}

#content #comments {
	text-transform:capitalize;
	font-size:20px;
	margin:0;
}

#content #comments .globo{
	font-size:18px;
	padding:5px 0;
	font-family:HDO Sketch;
	padding:10px 25px;
}

#content #respond h3{
	font-size:20px;
	font-family:HDO Sketch;
	text-transform:capitalize;
}

.comments-text {
	font-size:14px;
}
.globo {
	background-image:url(images/globocomentarios.png);
	background-repeat:no-repeat;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	width:60px;
	height:43px;
	padding:10px 25px;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}
.globo a:link, .globo a:hover, .globo a:active, .globo a:visited{
	color:#e2007a;
	font-family:HDO Sketch;
	font-size:18px;
	padding:5px 0;
	text-decoration:none;
}
.post p {
	color:#fff;
	font-size:14px;
	margin:20px 0 20px 0;
}
.entry {
	margin-bottom:30px;
}

#commentform p a:link, #commentform p a:hover, #commentform p a:active, #commentform p a:visited {
	color:#e2007a;
    font-size:14px;
	text-decoration:none;
}

.comment-body {
	margin:10px auto;
}
.commentext {
      color:#e2007a;
      font-size:14px;
      padding:10px;
}
.button {
    text-align:right;
	padding-right:20px;
} 
cite.fn {
      font-family: HDO Sketch;
      font-style:normal;
	  font-size:20px;
	  color:#e2007a;
	  text-decoration:none;
} 
cite.fn a:link, cite.fn a:hover, cite.fn a:visited, cite.fn a:active {
    font-family: HDO Sketch;
    font-style:normal;
	font-size:20px;
	color:#e2007a;
	text-decoration:none;
} 
.commentlist {
	list-style-type:none;
}

.commentlist li{
	margin-bottom: 30px;
}

.vcard img, .vcard .says {
	display:none;
}
.commentlist p {
      color:#FFF;
      font-size:14px;
} 

.comment-meta, commentmetadata {
	display:none ;
}

form label {
	color:#e2007a;
	font-size:12px;
}

#sidebar {
	float:left;
	display:block;
	width:190px;
	height:auto;
	margin-top:50px;
	margin-left:8px;
	font-size:11px;
}
#sidebar #navigation {
	background:url(images/paper.jpg) 0 50px repeat-y;
	list-style-type:none;
	width:190px;
	padding:20px;
	padding-top:20px;
}

#sidebar #navigation li{
	margin: 10px 0;
	width: 150px;
}


#list {
	list-style-type:none;
}
#list li {
	width:145px;
	margin-bottom:15px;
}

#list li h5.user-screen-name{
	font-size:14px;
	color:#41b5e6;
}

#list li p.status-text{
	font-size:10px;
	color:#de227f;
}

#list li img{
	width:48px;
	height:48px;
}

#list li a.twitter-link:link,#list li a.twitter-link:hover,#list li a.twitter-link:visited,#list li a.twitter-link:active{
	color:#00b8e4;
	font-size:10px;
}

form#searchform div label {
	display:none;
}

form#searchform div input#s {
	width:90px;
	height:16px;
	padding-top:3px;
	background: #FFF url(images/barra.jpg) no-repeat;
	font-size:10px;
	color:#333;
	border:none;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

form#searchform div input#searchsubmit {
	width:31px;
	height:19px;
	margin:0 -3px;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}
form#searchform div #searchsubmit[id=searchsubmit] {
	width:31px;
	height:19px;
	margin:0 -3px;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#sidebar #navigation li#categories {
	color: #009ee0;
	font-size:14px;
	font-family:HDO Sketch;
}

#sidebar #navigation li#categories a{
	color: #009ee0;
	text-decoration:none;
	font-family:HDO Sketch;
}

#banner {
	display:block;
	width:862px;
	height:auto;
	margin: 0 auto 70px;
}

#banner div.banner {
	float:left;
	display:block;
	height:278px;
	width:425px;
	margin:0 3px;
	text-align:center;
}

#amazon
{
	background:#FFF;
	display:block;
	height:193px;
	padding-top:45px;
	margin-top:20px;
}

#footer {
	display:block;
	width:880px;
	height:auto;
	text-align:center;
	color:#FFF;
	font-size:10px;
	margin:0 auto;
}
#footer #foot {
	background:url(images/bgfooter.png);
	width:100%;
	height:95px;
	padding:40px 0 35px 0;
}

#footer p {
	padding:10px;
}
	
#footer a {
	padding:10px;
}

.widecolumn {
	width:550px;
	margin:0 auto;
}

#slide-posts {
	display:block;
	width:780px;
	height:365px;
	background:#FFF;
	margin:0 auto;
	overflow:hidden;
	border:#000 10px solid;
}

#slide-posts a:link, #slide-posts .slide a:hover, #slide-posts .slide a:visited, #slide-posts .slide a:active{
	display:block;
	width:780px;
	height:365px;
	text-decoration:none;
}

#slide-posts .slide{
	display:block;
	width:780px;
	height:365px;
	cursor:pointer;
}

#slide-posts .slide p{
	display:block;
	width:780px;
	height:365px;
}

#slide-posts .slide p img{
	display:block;
	width:780px;
	height:365px;
}

#slide-posts .slide ul{
	display:none;
}

#slide-posts .slide span {
	position:relative;
	z-index:1;
	max-width:350px;
	min-height:15px;
	padding:15px;
	background:url(images/bg-menu.png);
	color:#FFF;
	font-family:HDO Sketch;
	font-size:22px;
	text-align:right;
}

#slide-posts #slide-right {
	display:block;
	position:relative;
	top:-269px;
	left:740px;
	z-index:2;
	width:40px;
	height:186px;
	background:url(images/siguiente.png) no-repeat;
}

#slide-posts #slide-left {
	display:block;
	position:relative;
	top:-455px;
	z-index:2;
	width:40px;
	height:186px;
	background:url(images/anterior.png) no-repeat;
}

#slide-counter{
	list-style-type:none;
	width:800px;
	margin:0 auto;
}

#slide-counter #slide-title{
	color:#FFF;
	font-family:HDO Sketch;
	width:425px;
	display:block;
	float:left;
}
/*\*/
html*#slide-counter #slide-title{
	width:425px;
	display:block;
	float:left;
	padding-top:3px;
}

#slide-counter #slide-title h1{
	color:#FFF;
	font-family:HDO Sketch;
	font-size:28px;
}
#slide-counter #slide-title span{
	color:#FFF;
	font-family:HDO Sketch;
	font-size:19px;
}

#slide-counter ul{
	width:375px;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#slide-counter ul li.slide-num{
	display:block;
	float:left;
	width:65px;
	height:35px;
	padding-top:7px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
	background:url(images/globorosa.png) no-repeat 0 4px;
}

/*\*/
html*#slide-counter ul li.slide-num{/*hack safari*/
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	width:65px;
	height:35px;
	padding-top:6px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
	background:url(images/globorosa.png) no-repeat;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#slide-counter li.slide-num a:link, #slide-counter li.slide-num a:hover, #slide-counter li.slide-num a:visited, #slide-counter li.slide-num a:active {
	font-size:18px;
	color:#222324;
	font-family:HDO Sketch;
	text-decoration:none;
}

#thumb-content {
	float:left;
	margin:80px 0 0 50px;
	width:600px;
}

.thumb-pic {
	float:left;
	width:165px;
	height:165px;
	border: #000 10px solid;
	background:#000;
	margin:0 15px 15px 0;
}

.thumb-pic a.thumb-comments {
	display:block;
	width:60px;
	height:56px;
	background:url(images/globocomentarios.png) no-repeat;
	color:#e2007a;
	font-family:HDO Sketch;
	text-align:center;
	text-decoration:none;
	position:relative;
	top:-30px;
	right:-120px;
	padding-top:10px;
	z-index:2;
}

/*\*/
html*.thumb-pic a.thumb-comments{/*hack safari*/
	display:block;
	width:60px;
	height:56px;
	background:url(images/globocomentarios.png) no-repeat;
	color:#e2007a;
	font-family:HDO Sketch;
	text-align:center;
	text-decoration:none;
	position:relative;
	top:-30px;
	right:-120px;
	padding-top:15px;
	z-index:2;
}

.thumb-pic .thumb-img{
	position:relative;
	display:block;
	width:165px;
	height:165px;
	bottom:65px;
	z-index:0;
}

/*\*/
html*.thumb-pic .thumb-img{/*hack safari*/
	position:relative;
	display:block;
	width:165px;
	height:165px;
	bottom:71px;
	z-index:0;
}

.thumb-pic .thumb-title {
	position:relative;
	bottom:108px;
	z-index:1;
	background:url(images/bg-menu.png);
	font-family:HDO Sketch;
	color:#FFF;
	padding:3px;
	width:159px;
	text-align:center;
}

#quienes {
	display:block;
	width:765px;
	height:365px;
	border:#000 18px solid;
	background:#FFF;
	margin:0 auto;
}

#quienes .quienes-card {
	display:block;
	width:765px;
	height:365px;
}

#quienes .quienes-back img{
	display:block;
	width:765px;
	height:365px;
}

#quienes div.quienes-description {
	display:block;
	width:216px;
	height:346px;
	padding:10px;
	background:url(images/bg_quienes.png) repeat;
	color:#FFF;
	position:relative;
	top:-366px;
	left:531px;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:1;
}

#quienes .quienes-description .title {
	font-size:14px;
	font-weight:bold
}

#quienes .quienes-description p {
	font-size:12px;
}

#quienes div.quienes-description ul {
	margin:5px auto;
	width:175px;
	list-style-type:none;
        text-align:center;
}

#quienes div.quienes-description ul li {
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#quienes div.quienes-description .twitter {
	display:block;
	width:20px;
	height:20px;
	background:url(images/twitter_min.png) no-repeat;
	background-size:30px;
}

#quienes div.quienes-description .mail {
	display:block;
	width:25px;
	height:20px;
	background:url(images/mail_min.png) no-repeat;
}
#quienes div.quienes-description .facebook {
	display:block;
	width:20px;
	height:20px;
	background:url(images/facebook_min.png) no-repeat;
}
#quienes div.quienes-description .adobe {
	display:block;
	width:20px;
	height:20px;
	background:url(images/adobe.png) no-repeat;
}
#quienes div.quienes-description .skype {
	display:block;
	width:20px;
	height:20px;
	background:url(images/skype_min.png) no-repeat;
}
#quienes div.quienes-description .actionmethod {
	display:block;
	width:20px;
	height:20px;
	background:url(images/Actionmethod_min.png) no-repeat;
}
#quienes div.quienes-description .ichat {
	display:block;
	width:25px;
	height:20px;
	background:url(images/ichat_min.png) no-repeat;
}
#quienes div.quienes-description .rss {
	display:block;
	width:25px;
	height:20px;
	background:url(images/rss.png) no-repeat;
}

#quienes div.quienes-description .youtube {
	display:block;
	width:20px;
	height:20px;
	background:url(images/youtube.png) no-repeat;
}

#quienes div.quienes-description .linkedin {
	display:block;
	width:23px;
	height:22px;
	background:url(images/linkedin.png) no-repeat;
}

#quienes .quienes-anteriores {
	background:url(images/thumb_anteriores.png) no-repeat;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	position:relative;
	bottom:44px;
	width:44px;
	height:44px;
	z-index:1;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#quienes .quienes-siguientes {
	background:url(images/thumb_siguientes.png) no-repeat;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	position:relative;
	bottom:44px;
	right:8px;
	width:44px;
	height:44px;
	z-index:1;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#quienes #quienes-thumb {
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	width:443px;
	height:45px;
	position:relative;
	bottom:43px;
	right:4px;
	background:url(images/bg_quienes.png);
	z-index:1;
	overflow:hidden;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#quienes #quienes-thumb #mini-quienes {
	display:block;
	width:auto;
	height:45px;
	position:relative;
}

#quienes #quienes-thumb #mini-quienes li{
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	width:45px;
	height:45px;
	margin:0 -2px;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#quienes #quienes-thumb #mini-quienes li .thumb-quienes{
	display:block;
	width:45px;
	height:45px;
	text-decoration:none;
}

#quienes #quienes-thumb #mini-quienes li .thumb-quienes img{
	width:45px;
	height:45px;
}

#quienes .hidden {
	display:none;
}

#proyecto {
	display:block;
	width:765px;
	height:365px;
	border:#000 17px solid;
	background:#FFF;
	margin:0 auto;
}

#proyecto .proyecto-gallery{
	display:block;
	width:520px;
	height:365px;
}

#proyecto .proyecto-gallery p{
	display:none;
}

#proyecto .proyecto-gallery ul {
	display:block;
	width:520px;
	height:365px;
	overflow:hidden;
}

#proyecto .proyecto-gallery ul li {
	display:block;
	width:520px;
	height:365px;
}

#proyecto .proyecto-gallery ul li img{
	display:block;
	width:520px;
	height:365px;
}

#proyecto .proyecto-description {
	display:block;
	width:225px;
	height:346px;
	padding:10px;
	background:#000;
	color:#FFF;
	position:relative;
	top:-366px;
	left:520px;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:1;
}

#proyecto .proyecto-description .proyecto-title {
	font-size:14px;
	font-weight:bold
}

#proyecto .proyecto-description p {
	font-size:12px;
}

#proyecto .proyecto-description ul {
	margin:5px auto;
	width:150px;
	list-style-type:none;
	text-align: center;
}

#proyecto .proyecto-description ul li {
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#proyecto .proyecto-description .twitter {
	display:block;
	width:20px;
	height:20px;
	background:url(images/twitter_min.png) no-repeat;
	background-size:30px;
}

#proyecto .proyecto-description .mail {
	display:block;
	width:25px;
	height:20px;
	background:url(images/mail_min.png) no-repeat;
}
#proyecto .proyecto-description .facebook {
	display:block;
	width:20px;
	height:20px;
	background:url(images/facebook_min.png) no-repeat;
}
#proyecto .proyecto-description .adobe {
	display:block;
	width:20px;
	height:20px;
	background:url(images/adobe.png) no-repeat;
}
#proyecto .proyecto-description .skype {
	display:block;
	width:20px;
	height:20px;
	background:url(images/skype_min.png) no-repeat;
}
#proyecto .proyecto-description .actionmethod {
	display:block;
	width:20px;
	height:20px;
	background:url(images/Actionmethod_min.png) no-repeat;
}
#proyecto .proyecto-description .ichat {
	display:block;
	width:25px;
	height:20px;
	background:url(images/ichat_min.png) no-repeat;
}

#proyecto .proyecto-description .youtube {
	display:block;
	width:20px;
	height:20px;
	background:url(images/youtube.png) no-repeat;
}

#proyecto .proyecto-left {
	background:url(images/thumb_anteriores.png) no-repeat;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	position:relative;
	bottom:410px;
	z-index:1;
	width:44px;
	height:44px;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#proyecto .proyecto-right {
	background:url(images/thumb_siguientes.png) no-repeat;
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	position:relative;
	bottom:499px;
	left:476px;
	z-index:1;
	width:44px;
	height:44px;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#proyecto .proyecto-left a{
	display:block;
	width:44px;
	height:44px;
}

#proyecto .proyecto-right a{
	display:block;
	width:44px;
	height:44px;
}


#proyecto #proyecto-thumbs {
	width:432px;
	height:45px;
	background:url(images/bg_quienes.png);
	position:relative;
	bottom:454px;
	left:44px;
	z-index:1;
	overflow:hidden;
}

#proyecto #proyecto-thumbs p{
	display:none;
}

#proyecto #proyecto-thumbs p img{
	display:none;
}

#proyecto #proyecto-thumbs ul{
	width:auto;
	height:45px;
	position:relative;
}

#proyecto #proyecto-thumbs ul li{
	display: -moz-inline-stack;  display: inline-block; vertical-align: top;
	cursor:pointer;
	width:44px;
	height:44px;
	text-decoration:none;
	margin:0 -2px;
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	_height: 20px; /* IE6 */
}

#proyecto #proyecto-thumbs ul li img{
	width:44px;
	height:44px;
}

#proyecto .hidden {
	display:none;
}

.amo-container {
	height:650px;
	width:800px;
}

.amo-container .toggle{
	float:right;
	width:100%;
	text-align:right;
	background:url(images/bg-menu.png);
}

.amo-trigger{
	float:right;
	display:block;
	height:20px;
	width:181px;
	background:url(images/pantallacompleta.jpg) no-repeat;
}

.amo-trigger-complete{
	float:right;
	display:block;
	height:20px;
	width:181px;
	background:url(images/pantalladividida.jpg) no-repeat;
}

.container-fullscreen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}