/*  







Theme Name: Vesper







Theme URI: http://valendesigns.com/free-vesper-theme-for-wordpress







Description: Vesper is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.







Copyright: 2008







Version: 1.0.6







Author: <a href="http://www.valendesigns.com">Derek Herman</a> 







Tags: fixed width, simple, clean, widget ready, two columns, sidebar right, orange, valid XHTML, valid CSS, ie6, ie7, firefox 2.0, opera 9.0, wp-pagenavi, excerpt reloaded







*/















/* GLOBAL SITE ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















* {







	margin: 0;







	padding: 0;







	outline: none;







}







body {







	margin:  6px 0 0;







	font: normal 80%/160% tahoma, arial, verdana, san-serif;







	background: #fff url(images/bg.png) repeat-x;







}







li {







	list-style: none;







}







hr {







	clear: both;







	height: 1px;







	line-height: 1px;







	font-size: 1px;







	visibility: hidden;







	margin: 0;







	padding: 0;







}







/* HEADINGS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















h1, h2, h3, h4, h5 {







	font-family: georgia, 'times new roman', times, serif;







	font-weight: normal;







}







h1 {







	font-size: 2.2em;







}




.likeh2{font-size: 1.3em;font-family: georgia,'times new roman',times,serif;
    font-weight: normal; border-bottom: 1px solid #F5F5F5;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em !important;}


h2 {







	font-size: 1.3em;







}







/* LINKS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















a {







	color: #000;







	text-decoration: none;







}







a:hover {







	text-decoration: none;







	color: #84755c;







}







/* MAIN SITE ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















#wrapper {







margin:0 auto;



padding:0 10px;



position:relative;



width:860px;
min-height:700px;







}







#wrapper:after, #header:after, .post:after, .post-date:after {







	content:  ".";







	display: block;







	height: 0;







	clear: both;







	visibility: hidden;







}







#header {







	position: relative;







	height: 120px;







	margin-bottom: 10px;







}







#wrap







{







background:url("images/content-bg.gif") no-repeat scroll right top transparent;



float:left;



min-height:455px;



padding:35px 25px 20px 0;



width:545px;



}

#wrap2

{

	background:none;

	

}



#wrapper .wrap-1column{width:auto; padding:35px 0px 20px 0;}













#content {















}







#sidebar {







background:url("images/content-bg.gif") no-repeat scroll right top transparent;



float:right;



min-height:455px;



padding:35px 20px 20px;



width:240px;







}







/* HEADER ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */







#site-meta {







	position: absolute;







	left: 30px;







	top: 30px;







}







#site-meta h1{ font-family:Arial, Helvetica, sans-serif; font-size:1em;color:#7E4C10; margin-left:5px;}







#header span.description {







	position: relative;







	font-size:1em; 







}







#header span.description a {







	color: #7e4c10;







	color: #fff;







}







#header span.description a:hover {







	color: #5a360b;







	color: #7e4c10;







}







#header span.description {







	position: relative;







	color: #7e4c10;







	font-size:2.2em;font-family:georgia,'times new roman',times,serif;







font-weight:normal;







}







#header ul {







	position: absolute;







	left: 30px;







	bottom: 1px;







	font: 13px Georgia, "Times New Roman", Times, serif;







	list-style: none;







	margin-top: -6px;







	padding: 0;







	text-transform: none;







}







#header li {







	display: inline;







}







#header li a {







	float: left;







	display: block;







	padding: 8px 14px 8px 14px;







	color: #84755c;







	text-decoration: none;







	margin-right: 2px;







	background:#fff;







	border: 1px solid #f7951e;







	border-bottom: none;







}







#header li a:hover {







	color: #f7951e;







	background-color:#fff;







	border: 1px solid #f7951e;







	border-bottom: none;







}







#header li.current_page_item a {







	color: #3E1403;







	background-color:#FFF;







	border: 1px solid #f7951e;







	border-bottom: none;







}







#topsearch {

	display:none;

	position: absolute;







	right: 14px;







	top: 35px;







	width: 218px;







	height: 42px;







	text-align: center;







}







#topsearch input {







	width: 145px;







	height: 21px;







	background: url(images/input.gif) no-repeat;







	border: none;







	padding: 9px 8px 5px 32px;







	margin-right: 0px;







	float: left;







	font: normal 1em tahoma, arial, san-serif;







}







#topsearch button {







	width: 33px;







	height: 35px;







	background: url(images/search.gif) no-repeat;







	border: none;







	text-indent: -9999px;







	float: right;







	cursor: pointer;







}







/* POST SECTION ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















.post {







	margin: 0 0 20px 0;







	background: url(images/hr.gif) 0% 100% no-repeat;







	padding: 0 0 10px 0;







}







.post h2 {







	margin: 0 0 .2em;







	font-size: 1.6em;







}







.post h2 a {







	color: #864901;







}







.post h2 a:hover {







	color: #84755c;







}







.post-info {







	background: url(images/hr.gif) 0% 0% no-repeat;







	padding: 5px 0;







	font-size: 90%;







	margin: 10px 0;







	color: #999;







}







.post-info a {







	color: #999;







}







.post-info a:hover {







	color: #84755c;







}







.post-info .setting {







	padding:3px;







	padding-left:20px;







	margin-right: 5px;







}







.post-info .datetime{







	background:#fff url(images/clock.png) no-repeat 0 2px;







}







.post-info .user{







	background:#fff url(images/user.png) no-repeat 0 2px;







}







.post-info .filedlink{







	background:#fff url(images/document.png) no-repeat 0 2px;







}







.post-info .commentslink{







	background:#fff url(images/comments.png) no-repeat 0 2px;







}







.post-info .editlink{







	background:#fff url(images/write.png) no-repeat 0 2px;







}







.post-entry p {







	margin: 0 0 1em 0;
	text-align:justify;







}







.post-entry a {







	color: #4f6373;







}







.post-entry a:hover {







	color: #84755c;







}







.post-entry span.more-link {







	display: block;

	text-align:right;







	margin: 10px 0;







}







.post-entry span.more-link a {







	color: #864901;

	background:url("images/bullet.gif") no-repeat scroll left center transparent;

	padding-left:14px;





}







.post-entry span.more-link a:hover {







	color: #84755c;







}







.post-entry h3 {







	font-size: 1.25em;







	padding: 0 0 .5em;







	margin: 0 0 .5em;







	border-bottom: 1px solid #f5f5f5;







}



.servicios h3 {

	font-weight:bold;

	margin:0;

	margin-top:20px;

	

}







.post-entry ul, .post-entry ol {







	margin: 0 0 1em;







}







.post-entry ul {







	margin-left: 1.5em;







}







.post-entry ul li, .post-entry ol li {







	list-style: square;







	border-bottom: 1px solid #fafafa;







	padding: .2em 0;







}







.post-entry ol {







	margin-left: 2em;







}







.post-entry ol li {







	list-style: decimal;







}







.post-entry blockquote {







	margin: 1.5em;
	margin-right:0;
	text-align:justify;







	padding: 1em;







	color: #999;







	font-style: italic;







	border-top: 1px dotted #ccc;







	border-bottom: 1px dotted #ccc;







	clear: both;







}







.post-entry img {







	float: left;

	border: 10px solid #F2F2E4;

	margin-bottom:10px;







}







.post-entry img.align-right {







	float: right;







	margin: .4em 0 0 1em;







	padding: 0 0 10px 10px;







}







.post-entry img.align-left {







	float: left;







	margin: .4em 1em 0 0;







	padding: 0 10px 10px 0;







}







.post-entry img.align-center {







	display: block;







	margin: .4em auto;







	padding: 0 10px 10px 10px;







}







.post-meta {







	font-size: 95%;







	color: #999;







}







.post-meta a {







	color: #999;







}







.post-meta a:hover {







	color: #84755c;







}







.post-arch-info {







	font-size: 95%;







	color: #999;







	margin: 0 0 2em;







	padding: 0 0 1em;







	border-bottom: 1px solid #f5f5f5;







}







.wp-pagenavi {







	font-size: 11px;







	text-transform: uppercase;







	clear: both;







	color: #555;







	padding: 0;







	text-align: right;







}







.wp-pagenavi a, .wp-pagenavi .current {







	padding: 3px 7px;







	border: 1px solid #ccc;







	color: #f7951e;







	margin-left: 1px;







	font-weight: normal;







}







.wp-pagenavi a:hover, .wp-pagenavi .current {







	color: #555;







	background: #e2e2e2;







	font-weight: normal;







}







.wp-pagenavi .pages {







	float: left;







	line-height: 13px;







}















/* WP 2.6 REQUIRED ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */







.aligncenter,







div.aligncenter {







   display: block;







   margin-left: auto;







   margin-right: auto;







}















.alignleft {







   float: left;







}















.alignright {







   float: right;







}















.wp-caption {







   border: 1px solid #ddd;







   text-align: center;







   background-color: #f3f3f3;







   padding-top: 4px;







   margin: 10px;







   /* optional rounded corners for browsers that support it */







   -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;







}















/* COMMENT ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















#comments h2, #respond h2 {







	margin: 0 0 .5em;







	padding: 0 0 .5em;







	border-bottom: 1px solid #f5f5f5;







}







#comments {







	margin: 0 0 1em;







	background: url(images/hr.gif) 0% 100% no-repeat;







	padding: 0 0 1em;







}







#comments h3 {







	font-size: 1.2em;







}







#comments img {







	float: left;







	margin: 0 5px 5px 0;







}







#comments p {







	padding-left: 40px;







}







.commentlist li {







	margin: 0 0 .5em;







	padding: 0 0 .5em;







	border-bottom: 1px solid #f5f5f5;







}







#respond input, #respond textarea {







	width: 542px;







	border-top: 1px solid #ccc;







	border-right: 1px solid #eee;







	border-bottom: 1px solid #eee;







	border-left: 1px solid #ccc;







	padding: 3px;







	margin: .1em 0 .5em;







}







#respond button,#formulario #submit {







	width: 75px;







	height: 35px;







	text-indent: -9999px;







	border: none;







	float: left;







	cursor: pointer;







}







#respond button#submit,#formulario #submit {







	background: url(images/submit.png) no-repeat;







	margin-right: 10px;







}







#respond button#reset {







	background: url(images/reset.png) no-repeat;







}







/* SIDEBAR ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */















#sidebar h2 {







	margin: 0 5px 0 0;







	padding: 0 0 .5em 0;







	border-bottom: 1px dotted #ccc;







	font-size: 20px;







	text-indent: -5px;







}

#archives-4 h4 {
    border-bottom: medium none;
    float: left;
}
#sidebar h4 {







	margin: 0 5px 0 0;







	padding: 0 0 .5em 0;







	border-bottom: 1px dotted #ccc;







	font-size: 20px;







	text-indent: -5px;







}




#sidebar li ul {







	margin: 0 0 2em 0;







}







#sidebar li ul li {







	border-bottom: 1px dotted #ccc;







	padding: 3px 0;







	padding-left: 18px;







	margin-right: 5px;







	background: #fff url(images/sidebar-li.gif) no-repeat 0 6px;







}


#sidebar li ul.blogroll li { padding-left:0px; text-align:center}

#sidebar li ul.blogroll li:hover { background:none}


#sidebar li ul li:hover {







	background: #e8e8e8 url(images/sidebar-li.gif) no-repeat 0 6px;







}







#sidebar li ul li.current_page_item {







	padding-left: 8px;







	padding-right: 10px;







	background: #e8e8e8;







}







#sidebar li ul li.current_page_item a {







	color: #84755c;







}







#sidebar li ul li ul li, #sidebar li ul li ul {







	display: none;







}







#sidebar li ul li {







	color: #222;







}







#sidebar li a {







	color: #555;







}







#sidebar li a:hover {







	color: #84755c;







}







#calendar  {







	margin-top: 10px;







	border-bottom: 1px dotted #ccc;







}







#wp-calendar {







	width: 90%;







	margin-left: 5%;







}







#wp-calendar caption {







	color: #864901;







	margin-top: 5px;







}







/* FOOTER ELEMENTS







- - - - - - - - - - - - - - - - - - - - - - - - - - - - */







#footer_wrap {







	position: relative;







	clear: both;







	background: #808080 url(images/footer.png) repeat-x;







	text-align: center;







	padding: 20px 0 20px 0;







	color: #eee;







	margin-top: 20px;
	overflow:hidden;







}







#footer {







	position: relative;







	clear: both;







	text-align: left;







	font-size: 11px;







	width: 860px;







	padding: 0 10px;







	margin: 0 auto;







}

#footer .f-right{ float:right; margin-right:30px; text-align:right;}
#footer .f-right img{ margin-bottom:15px; margin-left:8px;}
#footer .f-left{ float:left; margin-right:30px; width:145px; overflow:visible; font-size:12px;}

#footer .f-left .title{ color:#EF672F; border-bottom:2px double #EF672F; margin-bottom:5px;}





#footer a {







	color: #eee;







}







#footer a:hover {







	color: #f7951e;







}







#rss {







	position: absolute;







	right: 20px;







	bottom: 0;







	margin: 0;







}







#rss-entries {







	background: url(images/rss-entries.png) no-repeat 0 0;







	border: none;







	float: left;







	height: 18px;







	margin: 0 4px 0 0;







	padding: 0;







	text-decoration: none;







	text-indent: -3000px;







	width: 46px;







}







#rss-entries:hover {







	background: url(images/rss-entries.png) no-repeat 0 -18px;







}







#rss-comments {







	background: url(images/rss-comments.png) no-repeat 0 0;







	border: none;







	float: left;







	height: 18px;







	margin: 0 4px 0 0;







	padding: 0;







	text-decoration: none;







	text-indent: -3000px;







	width: 46px;







}







#rss-comments:hover {







	background: url(images/rss-comments.png) no-repeat 0 -18px;







}















#portafolio{}







.trabajo{overflow:hidden}



.image{

float: left;

width: 530px;

background: url("images/content-bg.gif") no-repeat scroll right top transparent;

}

.desc{

 float: right;

 width: 310px;	

}



.trabajo ul{ }







.trabajo ul li{background:transparent url(images/tick.gif) no-repeat scroll left top;







color:#666666;







padding:0 1px 1px 26px; list-style:none; border:none;}







.trabajo .titulo{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#000000; margin-top:1em;}







.trabajo .titulo span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}















.trabajo img{margin:0; padding:0; float:none; border:0;}







#twitters{padding-top:30px; clear:both}







#archives-4 h2{float:left; border-bottom:none}







#archives-4 select{float:right;}







.widget_links{padding-top:30px; clear:both}



pre{display:inline;}



 .col1 {

    float: left;

}



 .col-1, .col-2 {

    width: 50%;margin-top: 15px; float:left; overflow:hidden;

}



.features-listing dt, .features-listing dd {

    float: left;

    width: 190px;

}



.features-listing{clear:both}



.features-listing dt {

    display: block;

    font-weight: bold;

}

.features-listing dd {

    width: 233px;

}

.features-listing dd h4 {

	font-weight:bold;

}

.features-listing dt img {

    border: 1px solid #C3C3C3;

}



.servicios p{ padding-left:85px;}

#desarrollo{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/desarrollo_ecommerce-magento.jpg) no-repeat left top; min-height:74px;  }

#lopd{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/lopd-lssi-magento.jpg) no-repeat left top; min-height:74px;  }

#asesoria{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/asesoria_magento.jpg) no-repeat left top; min-height:80px;  }

#diseno{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/diseno_magento.jpg) no-repeat left top;min-height:73px;  }

#diseno2{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/diseno_plantilla_magento.jpg) no-repeat left top; min-height:72px;  }

#programacion{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/programacion_magento.jpg) no-repeat left top; min-height:72px;  }

#seo{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/SEO_magento.jpg) no-repeat left top;min-height:70px;   }

#tpv{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/tpv_magento.jpg) no-repeat left top;min-height:68px;   }

#marketing{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/marketing_magento.jpg) no-repeat left top; min-height:70px;  }

#mantenimiento{ background:url(http://www.dinaweb.net/wp-content/uploads/2011/04/mantenimiento_magento.jpg) no-repeat left top; min-height:73px;  }

li#text-3{ padding-top:15px; clear:both; border-top:1px dotted #CCCCCC;}
#sidebar .xoxo li{background:none}

#sidebar h2.widgettitle a{ color:#000;}

.mantenimiento{background:url(http://www.dinaweb.net/wp-content/uploads/2012/10/mantenimiento-magento.jpg) no-repeat; width:858px; height:369px; position:relative}
.mantenimiento ul{position:absolute;list-style:none; top:100px; margin:0; padding:0;}
.mantenimiento ul li{ padding:0; border-bottom:0; list-style:none;}
.mantenimiento #first{ right:265px;  }
.mantenimiento #second{right:15px;}
.mantenimiento h2{ font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:17px; font-weight:normal;line-height:2.1;padding:0; padding-left:20px; margin:0; background:url(http://www.dinaweb.net/wp-content/uploads/2012/10/icon-check-s.gif) no-repeat left 9px; }
.mantenimiento .link{   bottom: 33px;
    display: block;
    height: 70px;
    position: absolute;
    right: 14px;
    width: 202px;}
.post-entry p.pmantenimiento{ font-size:25px; text-align:center; margin-top:30px; border-bottom:3px solid #000000; font-weight:bold; margin-top:20px; padding-bottom:5px;}

.forma img{border:0}

.forma{float:left; width:250px; margin-right:54px; }
.forma .header{ background-color:#F07A23;border:5px solid #F07A23; border-top-left-radius:5px;border-top-right-radius:5px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; text-align:center; padding:10px 0;}
.forma .footer{ background-color:#000000; color:#CCCCCC; padding:8px 10px; font-family:helvetica; font-size:13px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; clear:both;}

.services{ margin:0 auto; width:800px;}
.services div.servicio_1,.services div.servicio_2,.services div.servicio_3,.services div.servicio_4,.services div.servicio_5,.services div.servicio_6{ float:left; width:200px; margin: 0 30px 30px;text-align: center;}
.services div h3{margin-top:10px;}
.services div h3 a{ color:#000;}
.services .img{ width:187px; height:188px; display:block; text-align:center; margin:0 auto;}
.services .img{ background-position:1px 1px !important;}
.services .servicio_1 .img{ background:url(images/desarrollo-magento.jpg)}
.services .servicio_1 .img:hover{ background:url(images/desarrollo-magento-on.jpg)}
.services .servicio_2 .img{ background:url(images/mantenimiento-magento.jpg)}
.services .servicio_2 .img:hover{ background:url(images/mantenimiento-magento-on.jpg)}
.services .servicio_3 .img{ background:url(images/seo-magento.jpg)}
.services .servicio_3 .img:hover{ background:url(images/seo-magento-on.jpg)}
.services .servicio_4 .img{ background:url(images/marketing-magento.jpg)}
.services .servicio_4 .img:hover{ background:url(images/marketing-magento-on.jpg)}
.services .servicio_5 .img{ background:url(images/formacion-magento.jpg)}
.services .servicio_5 .img:hover{ background:url(images/formacion-magento-on.jpg)}
.services .servicio_6 .img{ background:url(images/consultoria-ecommerce.jpg)}
.services .servicio_6 .img:hover{ background:url(images/consultoria-ecommerce-on.jpg)}
.services .servicio_4{clear:left}
.services p{height:45px; line-height:1.2;}
.services .link{

    background-image: linear-gradient(to bottom, #EF591A, #812D09);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 50px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 20px;
	margin-left:45px;
	text-decoration:none;
	}
.services .link:hover{background-image: linear-gradient(to bottom,#812D09 ,#EF591A ); color:#CCC;}

.mpo{ font-size:11px;border-collapse: collapse;}

.mpo td{ border-bottom:1px solid #aaa; padding:3px}

.mpo .cabecera{ background-color:#666; color:#FFF}