body {
	font-family:"helvetica", Arial, sans-serif;
}
.container-inner {
	width:1024px;
	margin:0 auto;
}
h1,h2,h3,h4,h5,h6 {color:#000;font-family:"helvetica", Arial, sans-serif;}
h7 {padding-bottom:0;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#59788C;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover, a:focus {
	color:#666;
}



/* ************************ MASTHEAD *********************************** */
.pusher {cursor:pointer;}
#masthead { background: padding: 0;
	font-family:Georgia;
}
#masthead h4 {margin:0 0;font-weight: bold; width:100%; font-family:Georgia; font-style: italic;}
#masthead h4 a {
	color: #000;
	text-decoration: none;
	float:left;
} 
#masthead h4 a:hover {
	color:#28306E;
	text-decoration:underline;
}
#masthead span {color:#000;font-size:.8em;font-weight:normal;}
#masthead span.description {float:left;margin-left: 20px;padding-top:.1em;}
#masthead span.contact {float:right;line-height:2em;}
#masthead span.contact a:hover {
	color:#009900;
}




#navcontainer3 {
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	height:2600px;
	margin:0 0 0;
	width: 100%;
}

#navcontainer2 {
	padding: 0;
	font-family:"helvetica", Helvetica, Arial, sans-serif;
	text-align: justify;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#navcontainer1 {
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	height:60px;
	margin:0 0 0;
	width: 100%;
}

#navcontainer {
	padding: 0;
	font-family:"helvetica", Helvetica, Arial, sans-serif;
	text-align: justify;
	height:60px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#navlist {
	height:60px
}
#navcontainer p	{padding: 0px 0px 0px;font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: bold;}
/* to stretch the container div to contain floated list */
#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
#navcontainer img {margin: 0;padding: 0;}
ul#navlist {
	list-style: none;
	margin: 0px;
	font-size: 1em;
	padding-left: 0px;
}
ul#navlist li {
	text-align: center;
	float: left;
	height: 60px;
	padding: 0;
}
ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
html>body ul#navlist li {
	width: 100px;
}
ul#navlist li a {
	padding: 40px 5px 25px 7px;
	color: #800010;
	font-size: 11px;
	text-decoration: none;
	height: 1%;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
#navcontainer>ul#navlist li a {
	width: auto;
	height: auto
}
/*
ul#navlist li#active a {background: #eee;color: #<?php echo $ss_nav_hover_color; ?>;}
*/
ul#navlist li a:hover,ul#navlist li#active a:hover {
}
ul#navlist li.home	{
}
ul#navlist li#empty	{width: 100px;}
ul#navlist li#inicio:hover {
	background-image: url(images/iconoheader.png);
}
ul#navlist li#editorial:hover {
	
	background-image: url(images/iconoheader.png);
}
ul#navlist li#web:hover {
		background-image: url(images/iconoheader.png);
}
ul#navlist li#infografia{
	width: 140px;
}
ul#navlist li#infografia:hover {
	background-image: url(images/iconoheader.png);
	background-position: center;
}
ul#navlist li#packaging:hover {
	background-image: url(images/iconoheader.png);
}
ul#navlist li#contacto:hover {
	background-image: url(images/iconoheader.png);
}
ul#navlist li#noticias:hover {
	background-image: url(images/iconoheader.png);
}
ul#navlist li#jazzkiller:hover {
	background-image: url(images/iconoheader.png);
}


/* ******************************* POSTS ************************* */
.post {display:block;clear:both;}
.postmetadata {color:#ccc;}
.postmetadata a {color:#ccc;}
.postmetadata a:hover {color:#000;}
.underlined {border-bottom:1px solid #000;}
h6.underlined {margin:0 0 1em;}

.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

.nav {background:#eee;margin:0 0 1em 0;}
.nav:hover {background:#ccc;}
.prev a, .next a {color:#000;text-decoration:none;padding:.2em 1em;}

.nav-interior {margin:0;padding:0;clear:both;display:inline;}
.nav-interior .next {color:#000;text-decoration:none;float:right;}
.nav-interior .prev {color:#000;text-decoration:none;float:left;}

.intro {
	font-size: 1.5em;
	color: #666;
	font-family:"helvetica", Arial, sans-seri;
}
.caption {
	font-size: 1em;
	color:#666;
	font-style: italic;
}

/* ************************* FOOTER *********************** */
#footer {
	height: 200px;
	width: 100%;
	position: relative;
	background-image: url(images/footerfondo.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

#footer-contents {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	background: #222222;
}

div#footer-info-left {
	float: left;
	width: 350px;
	margin-top: 50px;
	margin-left: 330px;
}

#footer-info-left p {
	position: relative;
	float: #FFF;
	color: #FFF;
	font-family: Georgia;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	padding-left: 8px;
	width: 350px;
	height: 130px;
	font-style: italic;
	font-weight: bold;
	text-shadow: 0px 1px 0px #000;
}

#footer-info-left p a {
	color: #FFF;
	text-shadow: 0px 1px 0px #000;
}

#footer-info-left p a:hover {
	line-height: 2px;
	color: #CCC;
	text-shadow: 0px 1px 0px #000;
}

#footer-info-left img.logo-footer {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: none;
}

#footer-info-left p a img.checkmark {
	margin-right: 3px;
	vertical-align: text-bottom;
}







div#footer-info-center {
	float: left;
	width: 470px;
	margin-top: 30px;
	margin-left: 40px;
}

#footer-info-center p {
	position: relative;
	float: right;
	color: #59788C;
	font-family: Georgia;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	padding-left: 8px;
	width: 50px;
	height: 140px;
}

#footer-info-center p a {
	text-decoration: none;
	line-height: 2px;
}

#footer-info-center p a:hover {
	text-decoration: none;
	line-height: 2px;
}

#footer-info-center img.logo-footer {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: none;
}

#footer-info-center p a img.checkmark {
	margin-right: 3px;
	vertical-align: text-bottom;
}









div#footer-info-right {
	float: left;
	width: 110px;
	margin-top: 30px;
	margin-left: -90px;
}

#footer-info-right p {
	position: relative;
	float: right;
	color: #59788C;
	font-family: Georgia;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	padding-left: 8px;
	width: 50px;
	height: 140px;
}

#footer-info-right p a {
	text-decoration: none;
	line-height: 2px;
}

#footer-info-right p a:hover {
	text-decoration: none;
	line-height: 2px;
}

#footer-info-right img.logo-footer {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border: none;
}

#footer-info-right p a img.checkmark {
	margin-right: 3px;
	vertical-align: text-bottom;
}










#terms {margin:1em 0 0;background:#fff;text-align:center;color:#ccc;}
#terms a {color:#999;}
#terms a:hover {color:#333;text-decoration:underline;}

/* ************************ SLIDESHOW ******************************* */
ul#portfolio {
	padding:0;
	list-style:none;
	margin:0 0 0.2em;
	overflow:hidden;
}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {
	width:1024px;
	text-align:center;
	margin:0;
}

/* **************************** FLOATS & IMAGES ***************************** */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;}
.alignleft{float: left;}
.alignright{float: right;}
.thumbnail {
	width:326px;
	height:160px;
	background:#eee url('images/x.png') no-repeat center;
	max-width:326px;
	max-height:150px;
	overflow:hidden;
}

.logo {
	width:250px;
	height:100px;
	max-width:310px;
	max-height:150px;
	overflow:hidden;
}

.icon {
	width:32px;
	height:32px;
	max-width:310px;
	max-height:150px;
	overflow:hidden;
	float: inherit;
	margin-right: 5px;
}

.img {
	overflow:hidden;
	float: inherit;
	margin-right: 10px;
}


.info {
	width:25px;
	height:25px;
	max-width:310px;
	max-height:150px;
	overflow:hidden;
	float: inherit;
	margin-right: 5px;
	vertical-align: top;
}


.contactoicon {
	width:100px;
	height:100px;
	max-width:310px;
	max-height:150px;
	overflow:hidden;
	float: inherit;
}

/* **************************** ARCHIVE **************************** */
h6.archive-header {
	display:block;
	margin:0 0 0.5em;
	border-top:1px solid #800010;
	font-family:Georgia;
	font-weight:bold;
	font-style:italic;
	height: 25px;
	padding-top: 10px;
	font-size: 20px;
	text-align: left;
	border-bottom: 1px solid #800010;
	text-shadow: 0px 1px 0px #fff;
}
.archive-stack {width:100%; height:1em;}

/* **************************** ETC **************************** */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
.prev {}
.next {}
/* remember to define focus styles! */
:focus {outline: 0;}

/* **************************** SEARCH **************************** */
#search {float: right;margin:15px 0 0;}
#search #s {background: transparent url('images/search.gif') 0px center no-repeat;color: #666;font-size: 0.9em;margin:0 0 0 10px;padding: 2px 0 2px 17px;width: 100px;}
#search input {border:1px solid #222;}
#search #s:hover {color: #666;}
.search-excerpt {margin: 0;}

/* **************** COMMENTS ******************* */
h3#comments{margin: 10px 0 0;padding: 20px 10px;background: #f5f5f5;}
h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}
h3#respond{margin: 10px 0 0;padding: 20px 10px;background: #f5f5f5;}
ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}
ol.commentlist li strong{padding-left:1em;}
ol.commentlist li .comment-entry{margin: -135px 0 0;border-bottom: 5px solid #eee;padding: 5px 150px 0;line-height: 2em;}
ol.commentlist li .avatar{border:1px solid #eee;padding:1em;margin:2em 1em 1em 0;}
#commentform{margin: 0 0 7px;padding: 30px 150px 6px;border-top: 10px solid #fff;background: #eee;}

#line {
	height:240px;
	margin:0.25em 0 0;
	background-image: url(images/logovdl.png);
	background-position: center;
}
#line:hover {
	height:240px;
	margin:0.25em 0 0;
	background-image: url(images/logovdl.png);
	background-position: center;
}

#line2 {
	background:url(images/up01b.png);
	height:15px;
	margin:0 0 0.25em;
}
#line2:hover {
	height:15px;
	margin:0 0 0.25em;
	background-image: url(images/up02b.png);
}

#logo {
height:30px;
}

#linea {
	background:#000;
	color:#59788C;
	clear:both;
	float:none;
	width:100%;
	height:2px;
	margin:0 0 1.45em;
	border:none;
}

#cabezal {font-size:22px; font-family:georgia;font-weight:bold;font-style:italic;color:#000;

}

#contactform {
	margin:0;
	padding:0px;
}
#contactform * { ;
	font-size:12px;
	color:#59788C;
	font-family: georgia;
}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li {
	margin:0 0 0 0;
	padding:0px;
	background:none;
	border:none;
}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label {
	margin:1px;
	width:100px;
	display:block;
	float:left;
	padding:6px 0;
	color:#59788C;
	font-family: georgia;
	font-style: italic;
}
#contactform label span {
	font:georgia;
	color:#59788C;
	margin:0;
	padding:0;
}
#contactform input.text {
	width:310px;
	border:1px solid #dcdcdc;
	height:15px;
	background-color: #F9F9F9;
}
#contactform textarea {
	width:320px;
	border:1px solid #dcdcdc;
	background:#f5f5f5;
}
#contactform li.buttons input {
	padding:3px 10px;
	margin:0 0 0 103px;
	background:#59788C;
	border:1px solid #59788C;
	color:#FFF;
	float:left;
}