@charset "UTF-8";
/* 
Modern Business 2 - CSS File
Created By: Jonathan Atkinson
Web: www.theaterwebsiteservices.com
Copyright - Jonathan Atkinson 2009
USE THIS STYLE SHEET EXCLUSIVELY FOR MODERN BUSINESS 2 HOME PAGE 
*/

body { background-color:#2c2d29;color: #dae0cf;	text-align:center;	
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;		
	margin: 0px;
}

h1 {	font-family:"Trebuchet MS", sans-serif;	color: #ffffff;	letter-spacing: -1px;	font-weight: lighter; line-height: 33px; margin-bottom: 5px;}
h2 {	font-family:"Trebuchet MS", sans-serif;	font-size:16px;	color: #ffffff; /*color:#333333;*/}

a {text-decoration:none;color:#fff;}
a:hover {color:#fdeec1;text-decoration:none;}

a img { border: none }

.intro_text {	color: #ffffff;	font-family: Arial, Helvetica, sans-serif;line-height: 18px;	font-size:14px;}

#centerColumn {	width:965px;	text-align:center;	margin:10px auto 0 auto;}
.white_text {color:#ffffff;	font-family: Arial, Helvetica, sans-serif;	line-height: 18px;	font-size:14px;	}

#header {	margin:0 auto;	padding:0;	width:960px;	height:88px;					/*background:url(../img/blue_top_bground.jpg) no-repeat top left;*/}

#bg_banner_superior { background-image:url(../img/background-modulos.jpg);	background-repeat: repeat-x;	clear: both;	min-height: 300px;}
#home_header { width:1000px; height: 290px;	background-repeat:no-repeat; 	background-position: center;	clear: both;	margin:0 auto;}

#logo_imagen {	margin:2px 0 0 0px; padding:0;	width:312px;	height:85px;	background:url(../img/logo_ds_imagen.png) no-repeat top left;	float:left;}

#logo_texto {	margin:45px 0 0 0px;	padding:0;	width:302px;	height:34px;	background:url(../img/logo_ds_texto_largo.png) no-repeat top left;	float:left;}

#logo_texto_footer{
   margin:0 0 10px 0; 
	padding:0;	
	height:65px;	
	background:url(../img/logo_ds_texto_largo.png) no-repeat top left;					
	float:left;
	display: block;
	clear: both;
	width: 100%;

}


#splash {	height: 350px;	width:960px;	clear:both; margin: 0 auto; margin-top: 40px;}

#home_content_left {	width:690px;	float:left;	text-align: left;	padding-top: 5px;	margin-bottom: 45px;}
#home_content_right { width:240px;	float:right;	text-align: left;	margin-left: 20px;margin-bottom: 5px; padding-top: 5px;}
#home_content_right div.content{ background-color:#4f4f44;padding:1px 10px 10px 15px;clear:both;margin-bottom:5px;margin-top: 0px;}
#contact_content_left{ width:605px;	float:left;	text-align: left;	padding-top: 5px;	margin-bottom: 45px;}
#home_content_right h1.title{	font-family:"Trebuchet MS", sans-serif;font-size: 24px;	margin-left: 100px;	height: 30px;	font-weight: lighter;	margin-bottom: 10px;}
#home_content_right #map_right{width:305px;}

#content_right_3  {	float:right;	width: 212px;	text-align:left;	font-family:Helvetica;	line-height: 18px;	font-size:12px;
	padding: 5px 10px 10px 10px;	margin-bottom: 20px;	margin-top: 15px;	background-color: #4f4f44;}
#content_right_3  ul.servicios   {padding-left: 0px;	list-style-type: none; background-color: #4f4f44;}
#content_right_3  ul.servicios li{padding-left: 20px;	background:transparent url(../img/check.jpg) no-repeat 0pt center;}


#privacy	{	width:920px;	text-align: left;	padding-left: 20px;}
#press	{float: left;	width:580px;	text-align: left;	padding-left: 20px;}
#solutions {	width:960px;	clear: both;	text-align: left;	background-image: url(../img/solutions_header.jpg);	background-repeat: no-repeat;	padding-top: 120px;}


#content_area {	width:960px;	text-align: center;	margin-top: 5px;	padding-bottom: 25px;	clear: both;}

#footer {	width:100%;	margin: 0 auto;	text-align: left;	background-color: #9f9e81;height: 236px;background-image: url(../img/footer_bground.jpg); background-repeat: repeat-x;clear: both; font-family:Arial, Helvetica, sans-serif;
padding-top: 15px	}



.copyright {	font-size:11px; text-align: center; display: block; clear: both; padding-top: 30px; }
.copyright a 	{text-decoration:none;		 color:#52553d;}
.copyright a:hover {text-decoration:underline;color:#000;}

.call {	width:960px;	height:46px;	clear: both;	padding-top: 30px;	}
.small_type {	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#333333;	text-align: left;}
.small_type a {text-decoration:underline;color:#222222;}
.small_type a:hover {text-decoration:underline;color:#00bfff;}

	
/* Bottom Navigation bar menu styling */
	#nav_container1 {/*float: left;*/ width:960px; height:160px; max-height:160px; margin:0 auto;}
	#nav_container2 {	float: right; width: 500px;	text-align: left;	font-family: Helvetica;	font-size: 12px;	
							padding-top: /*80px*/10px;	padding-right: 5px;	padding-left: 5px;	color: #dae0cf;
							/*background-image: url(../img/twitter_bground.jpg);	background-repeat: no-repeat;	*/ }
	
	#bottom_nav {	width:540px; height:50px; margin: 0 auto;	font-size:12px;	color:#464833;	text-align: left;	padding-top: 35px; padding-left: 90px;}
	#bottom_nav ul {	margin:0;	padding:0;	list-style:none; font-size:12px;	font-style: normal;	font-weight: bolder;	padding-right: 10px;}
	#bottom_nav li {	margin:0;	display:inline;	padding-right: 10px;}
	#bottom_nav li a{ margin:0;	display:inline; text-decoration: none;	font-family:Arial, Helvetica, sans-serif;	font-size:12px; color: #f9f7e8;	padding-right: 10px;}
	#bottom_nav li a:hover {	color: #000;	text-decoration: underline;}
	#bottom_nav li a.active {	color:#000;		text-decoration: none;	}
	
	#bottom { padding-top: 15px; background-color:#eeeeee; display:block; clear:both; height: 65px; max-height: 65px; margin:0px; overflow:hidden;}
	#bottom .banner{	width: 1000px; margin: 0 auto; background-color: transparent;height: 55px; }
	#bottom .banner img{	margin: 0 10px;}


/* Top Navigation bar menu styling */
	#languaje{float: right; width: auto; right: 10px;	margin-top: 10px;	padding: 0; position: absolute; font-size: 11px; }
/*	#languaje{ width: auto;	z-index: 10; float: right;	right: 5px; }*/
	#languaje ul {	margin: 0;	padding: 0;	list-style: none;	line-height: 20px;	float: right;	}
	#languaje ul li {	float: left; margin: 0;	padding: 0px 3px 0 0; font-size: 1.1em; color: #fff; background-image: none; 	line-height: 12px;}
	#languaje ul li a{ padding:10px 1px 1px 1px;}	
	#languaje ul li a img.lang_active{ border: 1px solid #ededed; padding: 1px;}	

#nav {margin-top:40px; padding:0; float:right;}
#nav ul{ 	padding:0;	margin:0;	width:auto;	list-style: none;	height:30px;	position: relative;	float:right;}
#nav li{	list-style:none;	float:left;	text-align:center;padding:0;font:bold 12px "Trebuchet MS", sans-serif;	line-height:30px;}

#nav .tws li {	margin: 0 5px;}

#nav .tws li.blog{background: url(../img/blog.png) no-repeat 0 0; width:88px;height:42px;font-weight:bolder;padding-top:0px; font-size: 16px;}
#nav .tws li a{margin: 0pt; padding: 0.30em;display: inline;text-decoration: none;color: #f9f7e8; font-family:Helvetica,sans-serif; font-size: 12px; font-weight: normal; font-size: 14px;}

#nav .tws li a:hover, 
#nav .tws li a.active {color: #00bfff;}

#nav .tws li.blog a {	font-size: 16px;}
#nav .tws li.blog a:hover {color: inherit;}
#nav .tws li.blog a.active {color: #fff;}

a.link_green{	text-decoration: underline; color: #00bfff; }
a.link_green:hover {text-decoration: none; 	}

#nav a:link{color:#464833; text-decoration:none;}
#nav a:hover{color:#FFFFFF; text-decoration:none;}
#nav a:active{color:#FFFFFF; text-decoration:none;}


/* slide viewer classes etc */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  position: relative; overflow: hidden;  border: 0px solid #ff0000;   margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li {  float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none;}
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0;} 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block;} 
.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } 
#calltoaction{	z-index:100;	position: absolute;	width: 960px;	top: 340px;	height:133px; background-image:url(../img/bar.png);	background-repeat:no-repeat;}

/* Para Formularios */
	#highlight2 {	float:left;	text-align:left;	line-height: 18px;	width: 580px;	font-family:Helvetica;	font-size:12px;
	color:#fff;	background-color: #4f4f44;	padding: 10px 10px 10px 15px;	clear:both;	margin-bottom: 50px;}
	#highlight2 input, textarea, select{	background-color:#dad6c4;	border: 1px solid #9f9e81;	color: #2c2d29;	cursor: default;}
	#highlight2 select{	max-width: 300px;}
	#highlight2 label.error{ margin-left:10px; color: yellow; }

	#highlight2 {	float:left;	text-align:left;	line-height: 18px;	width: 580px;	font-family:Helvetica;	font-size:12px;
	color:#fff;	background-color: #4f4f44;	padding: 10px 10px 10px 15px;	clear:both;	margin-bottom: 50px;}
	#highlight2 input, textarea, select{	background-color:#dad6c4;	border: 1px solid #9f9e81;	color: #2c2d29;	cursor: default;}
	#highlight2 select{	max-width: 300px;}
	#highlight2 label.error{ margin-left:10px; color: yellow; }

	form.newsletter {		background-color: transparent;}
	form.newsletter input, textarea, select{	background-color:#dad6c4;	border: 1px solid #9f9e81;	color: #2c2d29; cursor: default; }
	form.newsletter select{	max-width: 220px;}
	form.newsletter label.error{ margin-left:10px; color: yellow; }

	form.mini-contactform input, textarea, select{	background-color:#dad6c4;	border: 1px solid #9f9e81;	color: #2c2d29;	cursor: default; }
	form.mini-contactform select{	max-width: 220px;}
	form.mini-contactform label.error{ margin-left:10px; color: yellow; }
	
	
#contact_form {	float:left;	width:460px;	text-align: left;	padding-left: 25px;	margin-top: 40px;	}
	
.input-submit {	margin-top:4px;	margin-left: 130px;	background-image: url(../img/blue_submit_small.gif);	width: 94px;	height: 27px;	background-repeat:no-repeat;    border: none;	cursor: pointer;	background-color: transparent;}
.input-submit:hover {	background-image: url(../img/submit_small_over.gif);}
.input-textarea {	padding:2px;	border:1px solid #d2d1cf;	width:150px;	height:18px;	font-size:14px;	color:#333333;	font-family:Arial, Helvetica, sans-serif;	background-color: #f0eee7;}

.page a {text-decoration:underline;color:#fdeec1;}
.page a:hover {text-decoration:underline;color:#222222;}
.intro {	font-family:Arial, Helvetica, sans-serif;	font-size:14px;	color:#fdeec1;	font-style:italic;}	


/*HOME*/
		ul.list-home{width:570px; padding:0 0 5px 0; clear:both; display:block; margin:20px auto; height: 220px;}
		ul.list-home li{width:180px; height:215px; float:left; clear:none; display:block; background:#4f4f44 url(images/bg-list-home.jpg) repeat-x top; margin:0 10px 0 0; position:relative; cursor: pointer;}
		ul.list-home li img{ width:180px;  height: 70px; margin: 0; padding: 0;}
		ul.list-home li h4 {color:#e2e2e2; font-size:14px; margin: 0; padding: 5px 5px 5px 5px;}
		ul.list-home li p.list-home-cont{ text-decoration:none; color:#dae0cf; padding: 5px 5px 0 5px; margin: 0;	min-height: 80px; margin-bottom: 3px; overflow: hidden;}
		ul.list-home li a.link{ float: right; 	margin-right: 5px; color: #blue; }
		ul.list-home li a.link:hover{ text-decoration:none; color: #fff; }

		/* Breadcum */	
	   /*^^Para portfolio*/
	 .breadcumb ul.comun { float:left; font-size:12px; font-style:normal; list-style-type: none; list-style: none; list-style-position: inside; padding-left: 0; } 
	 .breadcumb .comun li { color: #269d9b; font-size: 12px; height: 16px; padding-top: 0px; float:left;}
	 .breadcumb .comun li a{	text-decoration: underline;font-style:	normal; color: #269d9b;	}

	.contactform label.error{float: right;clear: none;color: #f08080; padding-left: 2px; font-size: 10px; margin: 0;	padding: 0 } 
	
#flash{ display: block; clear: both; color: #333333; background-color: #ffffff; margin: 0pt; padding: 7px 7px 7px 35px; overflow: hidden; min-height: 28px; position: relative; text-align: left;}

#flash.flash_notice{ color:#000; background: #e6f8dd url(../img/icon_status_success_26x26.gif) no-repeat scroll 7px 7px;}
#flash.flash_error {	color:#000; background: #ffeeee url(../img/icon_status_fail_26x26.gif) no-repeat scroll 7px 7px;}


div.ico_planner_web_48x48{background: transparent url(../img/ico_planner_web.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 55px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;}
div.ico_email_48x48{background: transparent url(../img/ico_mail.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 60px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;
}
div.ico_street_signal_48x48{background: transparent url(../img/street_signal.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 60px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;
}

div.ico_service_48x48{
	background: transparent url(../img/ico_service.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 60px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;
}
div.ico_help_48x48{
	background: transparent url(../img/help.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 60px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;
	font-size:16px;
}

div.ico_location_48x48{
	background: transparent url(../img/ico_location.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 60px; overflow: hidden; min-height: 48px; position: relative; text-align: left;
	border-bottom: 2px solid #fff;
	font-size:16px;
}

div.feed{
	background: transparent url(../img/feed_background.png) no-repeat scroll 5px 5px;
	clear: both; margin: 0pt; padding: 10px 2px 5px 46px; 	overflow: hidden; 	min-height: 48px; 
	position: relative; 	text-align: left;	/*border-bottom: 2px solid #fff;*/	
	font-family: Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	cursor: pointer }
.newsletter_bg{ background: transparent url(../img/newsletter_background.png) no-repeat scroll left bottom; }

#flash p{	font-size: 13px; margin-top: 7px; margin-right: 21px; margin-bottom: 0pt; margin-left: 7px;}
	
	.flash_notice strong{ color: #000;}
	.flash_error {	padding: 2px;  background-color: #f33; color: #fff; height: 20px;}
	.error_list li, .error_list span{ color: red;}
	.show-error-box{ width:600px; height:auto; clear:none; float: none; display:block; margin: 0 auto; }

	.divider{background: transparent url(../img/background_h2.gif) repeat-x scroll center bottom;	}

#content_right_1{float:right; width:200px;text-align: left;font-size: 12px; background-color:#4f4f44;} 
/*#home_content_right h2 { border-bottom: 2px solid #fff; padding-bottom: 2px;}*/
#content_right_1 h2{ 	 border-bottom: 2px solid #fff; padding-bottom: 2px; margin: 0 10px 0 10px; }

#content_right_1 ul.ul-post{	list-style:none; 	padding-left: 0;	margin-left: 8px;	float: left; width: 100%;
max-width: 240px;}


#content_right_1 ul.ul-post li{		background-repeat: no-repeat; background-position: left 4px; height: 18px;
												padding-top: 5px;padding-left: 20px;text-decoration: none;
												margin-bottom: 10px;
												line-height: 13px;
												max-width: 240px;}
#content_right_1 ul.ul-post li.news_link{	background-image: url(../img/tag_azulfuerte.png);}
#content_right_1 ul.ul-post li.category_link{background-image: url(../../../images/mini-icons/bullet_blue.png);}
#content_right_1 ul.ul-post li.most_read_link{background-image: url(../../../images/mini-icons/tag_green.png);}

#nav_container2 #content_right_1 div{ margin-top:10px;}

#nav_container2 #home_content_right div.content{ background-color:#4f4f44; padding:1px 10px 10px 15px;clear:both; margin-bottom:5px;margin-top: 5px;}

#footer #nav_container2 h2{ 	 border-bottom: 2px solid #fff; padding-bottom: 2px; margin: 0 10px 0 10px; float: right; width:200px; text-align: left; margin-bottom: 5px;}
#footer #nav_container2 ul.ul-post{	list-style:none; 	padding-left: 0;	margin-left: 8px;	margin-bottom: 5px;	float: right; width:200px; margin-top: 0px;	}
#footer #nav_container2 ul.ul-post li{		background-repeat: no-repeat; background-position: left 4px; height: 15px;
												padding-top: 5px;padding-left: 20px;text-decoration: none;	display: block; 
												font-size: 11px; font-weight: normal;}
												
#footer #nav_container2 ul.ul-post li.news_link{	background-image: url(../../../images/mini-icons/bullet_blue.png);}


/***********************   Etiquetas relacionadas de los post ************************/
ul.tags{ padding:1px; margin:0; width: 100%; list-style: none; float:left; clear: both; display: block; height: auto; margin-bottom: 10px;}
ul.tags span{background:transparent url(../img/mini-category.gif) no-repeat right 4px; padding-right: 20px; padding-top: 0x; }
ul.tags li{	text-decoration: none; height: 18px; padding-top: 4px; padding-left: 1px; list-style:none; float:left;	line-height:18px; margin-right: 5px; text-transform: uppercase; font-size: 10px;}
/*************************************************************************************/

/***********************   Estilos para la nube de tags   ************************/
ul.tag-cloud{ list-style-type:none; margin: 0; padding:0; margin-bottom: 20px; }
ul.tag-cloud a{white-space:nowrap;text-decoration:none;color:#fffbf0;font-size:.75em;line-height:1.4em;padding:1px 3px; margin:5px 1px 5px 0}
ul.tag-cloud a:hover{color: #ffffff;}
ul.tag-cloud li{ float: left;} 
ul.tag-cloud li a{font-size:12px;color:#ccc; width: auto;}
ul.tag-cloud li small a{font-size:.55em}
ul.tag-cloud li small small a{font-size:.65em}
ul.tag-cloud li small small small a{font-size:.85em}

ul.tag-cloud li big a{font-size:1.0em; color: #9f9e81}
ul.tag-cloud li big big a{ font-size:1.2em;color:#00bfff}
ul.tag-cloud li big big big a{ font-size:1.3em;color:#00bfff}
/***********************    ************************/




#services_home_tabs { width:740px;	clear: both; display:block; }
.tab_home_content {	width:210px;	margin:0 5px 5px 10px;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px; text-align: left;	height: 230px; overflow: hidden; padding-top: 20px; clear: none;	}

#services_home_tabs .description{	height: 130px; overflow: hidden;	display: block; clear: both; margin-top: 0;}


#services_home_hosting {margin-bottom:10px;	margin-right: 10px; width:227px; background-image:url(../img/services_home_hosting.png);	background-repeat:no-repeat;	padding: 70px 0 0 0;	float: left; background-color: #4f4f44; }
#services_home_webdesign {margin-bottom:10px; margin-right: 10px; width:227px;	min-height: 200px;	font-size: 14px; background-image:url(../img/services_home_webdesign.png);	background-repeat:no-repeat;	padding: 70px 0 0 0;	float: left; background-color: #4f4f44;	}
#services_home_printwork {	margin-bottom:10px; width:227px;	min-height: 200px;background-image:url(../img/services_home_printwork.png);	background-repeat:no-repeat;	padding: 70px 0 0 0;	float: left; background-color: #4f4f44; }
#services_home_seo {	margin-bottom:10px; width:227px;	background-image:url(../img/services_home_seo.png);	background-repeat:no-repeat;	padding: 70px 0 0 0;	float: left; margin-right: 10px; background-color: #4f4f44;	}

	/*Para botones negros y link verde*/

	#pitch{ margin-top: 20px;}
   #pitch a.explore{ width: 115px; height: 32px; background: transparent url(../img/btn-explore.png) no-repeat scroll left top;	overflow: hidden;display: block; clear: none; text-indent: -1000em; float: left;}
	#pitch a.top{ width: 115px; height: 32px; background: transparent url(../img/btn-top.png) no-repeat scroll left top;	overflow: hidden;display: block; text-indent: -1000em; float:right}
	#pitch a:hover{background-position: left bottom;}

	#home_content_left #pitch{ margin-top: 10px; float: right;}
	
	ul#accordion{ list-style-type: none; }
	ul#accordion li{background-image:url(../img/arrow_down.png); background-position: right top; background-repeat: no-repeat;	}
	ul#accordion li a div{ font-weight: bold; background-color: gray; }
	ul#accordion li a:hover div{background-color: #6c6c6c;}
	ul#accordion li ul li{	margin: 0; padding: 10px;}
	ul#accordion li ul{ background-color: #4f4f44; list-style-type: none; 	margin: 0;}