/*

THEME NAME: Maskin Studio

THEME URI: http://www.maskin.cl/

DESCRIPTION: MASKIN STUDIO Wordpress Theme

TAGS: Maskin, Studio, blog,

VERSION: 1.0

AUTHOR: Maskin Studio

AUTHOR URI: http://www.maskin.cl/

*/



/* GLOBAL RESET ---------------------------- */



body, div, dl, dt, dd, li, pre,

form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }



h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }



address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }



ol, ul { list-style: none; margin: 0; padding: 0; }



table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal; font-style: normal; }



acronym, abbr, fieldset, img { border: 0;}



:focus { outline: 0; }



* { text-shadow: #4c4c4c 0 0 1px; }







/* BASIC STYLE ---------------------------- */



body { background: #1B201D url(images/bg.gif) repeat 0 0; color: #a0a0a0; font: 80%/1.5em Arial, sans-serif; }

div#bg-wrapper { background: url(images/bg-wrapper.gif) repeat-x 0 0; width: 100% height: 100%; }



a { color: #f1f1f1; text-decoration: underline; }

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

strong { font-weight: bold; }

em { font-style: italic; }

p { margin: 0 0 1em 0; }

h2 { font: normal 185%/1.6em Georgia, Arial, serif; color: #d5d5d5; border-bottom: none; margin-bottom: 20px; }

h2 a, h3 a { color: #d5d5d5; border-bottom: none; margin-bottom: 20px; text-decoration: none; }

h2 a:hover, h3 a:hover { color: #8f8f8f; }

h3 { font: normal 125% Georgia, Arial, serif; color: #FFF; margin-bottom: 10px; }

hr { border: none; margin: 20px 0; color: #272727; background: #272727; height: 1px; clear: both; }

blockquote p { border-left: 3px solid #272727; color: #747373; padding: 3px 0 3px 20px; margin-left: 10px; margin-bottom: 1em; }

.hidden { display: none; }

ul, ol { margin-bottom: 10px; }	

	ul li { color: #747373; padding: 6px 0 6px 24px; background: url(images/bullet.gif) no-repeat 0.8em 1em; }

	ol li	{ list-style: inside; list-style-type: decimal; color: #747373; padding: 6px 0 6px 8px; }

		ul li ul,  ol li ol { margin: 0; }

			ol li ol li { margin-left: 21px; }	




/* CONTAINERS ---------------------------- */



#container { width: 890px; margin: 0 auto; }

.wrapper { width: 870px; margin: 0 auto; position: relative; }







	/* HEADER ---------------------------- */

	

	#header { height: 110px; border-top: 5px solid #464545; position: relative; background: url(images/header-bg.gif) repeat-x bottom left; margin-bottom: 25px; }

	

	

		

		/* LOGO ---------------------------- */

			

		h1 a {  display: block; width: 273px; height: 80px; background: url(images/logo.png) no-repeat 0 0; margin: 10px 0; border: none; float: left; }

		

		

		

		

		/* TOP NAVIGATION ---------------------------- */

		

		ul#top-nav { position: absolute; right: 0; top: 24px; }

			ul#top-nav li { float: left; padding: 0; background: none; }

				ul#top-nav li a { color: #888888; display: block; padding: 26px 10px 30px 10px; margin: 0 0 0 20px; text-decoration: none; }

				ul#top-nav li a:hover { color: #FFF; background: url(images/topnav-active.gif) repeat-x bottom left;  }

				ul#top-nav li a#feed { width: 16px; height: 16px; text-indent: -9999px; background: url(images/feed.png) no-repeat 0 0; margin: 28px 0 0 10px; padding: 0; }
				ul#top-nav li a#facebook { width: 16px; height: 16px; text-indent: -9999px; background: url(images/facebook.png) no-repeat 0 0; margin: 28px 0 0 10px; padding: 0; }
				ul#top-nav li a#twitter { width: 16px; height: 16px; text-indent: -9999px; background: url(images/twitter.png) no-repeat 0 0; margin: 28px 0 0 10px; padding: 0; }

					

	/* HOME ---------------------------- */
	
	
	#caja{
background-image:url("images/mask-servicios.jpg");
background-position:center top;
background-repeat:no-repeat;
border-bottom:5px solid #2A2A2A;
height:325px;
margin-bottom:25px;
width:880px;
	}
	
		#caja2{
border-top:5px solid #2A2A2A;
height:250px;
margin-bottom:10px;
margin-top:25px;
width:880px;
	}
			#caja4{
border-top:5px solid #2A2A2A;
height:250px;
margin-bottom:10px;
margin-top:25px;
width:880px;
padding-top:20px;
	}
#caja5{
border-top:5px solid #2A2A2A;
height:180px;
margin-bottom:10px;
margin-top:25px;
width:880px;
padding-top:20px;
}
		#caja3{
border-bottom:5px solid #2A2A2A;
height:150px;
margin-bottom:10px;
margin-top:35px;
width:870px;
	}
#caja6{
border-bottom:5px solid #2A2A2A;
height:265px;
margin-bottom:30px;
margin-top:25px;
width:880px;
padding-top:1px;
}
#caja9{
border-bottom:5px solid #2A2A2A;
height:150px;
margin-bottom:35px;
margin-top:35px;
width:870px;
}
#caja10{
border-bottom:5px solid #2A2A2A;
height:150px;
margin-bottom:20px;
margin-top:35px;
width:880px;
}
#caja7{
border-top:5px solid #2A2A2A;
height:400px;
margin-bottom:0px;
margin-top:25px;
width:880px;
padding-top:20px;
margin-left:10px;
}
		#caja8{
height:260px;
margin-bottom:10px;
margin-top:15px;
width:880px;
	}

	/* MAIN CONTENT ---------------------------- */

	

#main-content { width: 565px; float: left; }
#main-content2 { 
border-right:2px solid #2A2A2A;
float:left;
padding-right:25px;
text-align:justify;
width:555px; 
}
#main-content4 { 
border-right:2px solid #2A2A2A;
float:left;
padding-right:25px;
text-align:justify;
width:265px; 
}
#main-content5 { 
float:left;
text-align:justify;
width:540px; 
}
#main-content6 { 
border-right:2px solid #2A2A2A;
float:left;
padding-right:25px;
text-align:justify;
width:265px;
margin-top:10px;
}
#main-content7 { 
float:left;
text-align:justify;
width:410px;
border-right: 1px solid #2a2a2a;
padding-right:25px;
}
#main-content3 { 
border-right:2px solid #2A2A2A;
float:left;
padding-right:15px;
text-align:justify;
width:575px;
margin-top:20px;
}

	

	

		/* POSTS ---------------------------- */

		

		#main-content h3 { margin-bottom: 20px; }

		

		div.post { background: url(images/hr.gif) no-repeat bottom left; padding-bottom: 30px; margin-bottom: 50px; }

			p.meta { color: #474747; text-transform: uppercase; font-size: 85%; margin: -10px 0 20px 0; }

				p.meta a { color: #797979; }

				

				

				

			/* POST IMAGE STYLES ---------------------------- */	

				

			#main-content img { padding: 5px; background: #282828; margin-bottom: 20px; }

				#main-content img.alignright { float: right; margin: 0 0 10px 10px; }

				#main-content img.alignleft { float: left; margin: 0 10px 10px 0; }

				

				

				

			/* POST NAVIGATION ---------------------------- */	

				

			.post-navigation { width: 100%; }

				div.nav-older-posts a { background: #101010; padding: 6px 9px; float: left; color: #828282; border: 1px solid #282828; text-decoration: none; }

				div.nav-newer-posts a { background: #101010; padding: 6px 9px; float: right; color: #828282; border: 1px solid #282828; text-decoration: none; }

				div.nav-older-posts a:hover, div.nav-newer-posts a:hover { color: #FFF; }

			

			

			

			/* SOCIAL BOOKMARKING LINKS ---------------------------- */

			

			#social-bookmarking-links { width: 563px; height: 28px; position: relative; padding: 10px 0px; margin-top: 50px; background: #141414 url(images/promote-this-post.gif) no-repeat 10px 10px; border: 1px solid #282828; overflow: hidden; }

				#social-bookmarking-links ul { position: absolute; right: 10px; top: 13px; }

					#social-bookmarking-links ul li { background: none; float: left; padding: 0 0 0 33px; }

						#social-bookmarking-links ul li a { background: none; border: none; display: block; color: #a0a0a0; height: 23px; line-height: 23px; padding-left: 30px; float: left; }

						#social-bookmarking-links ul li a:hover { color: #FFF;}

						

							#social-bookmarking-links ul li#social-link-delicious a { background: url(images/delicious-icon.gif) no-repeat 0 50%; }

							#social-bookmarking-links ul li#social-link-digg a { background: url(images/digg-icon.gif) no-repeat 0 50%; }

							#social-bookmarking-links ul li#social-link-stumbleupon a { background: url(images/stumbleupon-icon.gif) no-repeat 0 50%; }

			

						

						

			/* COMMENTS ---------------------------- */

				

			div#comments-list ol { border-top: 1px solid #2c2c2c; margin-bottom: 50px; }

    			div#comments-list ol li { padding: 0 10px; border-bottom: 1px solid #2c2c2c; list-style: none; list-style-position: outside; list-style-type: none; margin: 0; }

    			div#comments-list ol li.comment-author-admin { background: url(images/comment-admin-bg.gif) repeat 0 0; }

    			 .comment-bg-wrapper { background: url(images/comment-bg.gif) repeat-y 102px 0;  padding: 20px 0;  }

    			 

    			 

    			 

    			 	/* AVAVTAR + DATE ---------------------------- */

    			 	

    				.avatar-box { float: left; width: 82px; }

    					.avatar-box img { border: 1px solid #2c2c2c; background: #151414; padding: 4px; display: block; vertical-align: bottom; }

    					.comment-date { color: #4b4b4b; font-size: 90%; line-height: 0.75em; text-align: center; display: block; margin: 10px 0 0 0; }

    					

    					

    					

    				/* COMMENT TEXT ---------------------------- */	

    					

    				.comment-text { float: right; width: 422px; padding: 10px 0 0 20px; color: #585858;  }

    					.comment-author { color: #4b4b4b; }

    					.comment-author cite, .comment-author cite a { color: #d1d1d1; }

       					.unapproved { color: #FFF; text-align: center; background: #FF0000; display: block; padding: 5px 10px; }

    					





			/* TRACKBACKS ---------------------------- */



			div#trackbacks-list ol { border-top: 1px solid #2c2c2c; margin-bottom: 50px; }    	

				div#trackbacks-list ol li { padding: 5px 10px; border-bottom: 1px solid #2c2c2c; list-style: none; }

    					

    					

    		/* COMMENT FORM ---------------------------- */			

    					

    		.form-container { border: 1px solid #2c2c2c; border-width: 1px 0; padding: 20px 10px; }

    					

    		.input-label-wrapper { margin-bottom: 20px; }

    			.form-input { float: left; width: 240px; }		

    				.form-input input { float: left; background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; color: #828282; width: 220px; font: 100%/1.5em Arial, sans-serif; }

    			.form-label { float: left; width: 240px; line-height: 2.3em; }

    				.form-label label { margin-left: 20px; }

    				.form-label .required { color: #4b4b4b;  }

    			.form-textarea { margin: 20px 0; }

    				.form-textarea textarea { width: 525px; background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; color: #828282; font: 100%/1.5em Arial, sans-serif; vertical-align: bottom;  }

    			.form-submit input { background: #101010; padding: 6px 9px; float: left; color: #828282; border: 1px solid #282828; cursor: pointer; }

    			.form-submit input:hover { color: #FFF; }

    			

    			.display-none { display: none; }







			/* ARCHIVES PAGE ---------------------------- */

			

			.archives-column { width: 262px; float: left; margin-bottom: 40px; }

				.archives-column ul { border-top: 1px solid #272727; }

					.archives-column ul li a { padding: 6px 0 6px 24px; color: #747373; border-color: #272727; display: block; background: url(images/bullet.gif) no-repeat 9px 50%; }

			.archives-column-right { float: right; }

			

			

			

			/* SEARCH PAGE ---------------------------- */

			

			#noresults-s { background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; margin-bottom: 30px; color: #a0a0a0; width: 300px; font: 100%/1.5em Arial, sans-serif; }

			#noresults-searchsubmit { background: #101010; padding: 6px 9px 5px 9px;color: #828282; border: 1px solid #282828; text-decoration: none; cursor: pointer; }

				#noresults-searchsubmit:hover { color: #FFF; }







	/* SIDEBAR ---------------------------- */

	

	#sidebar { width: 260px; float: right; }

	#sidebar2 { width: 550px; float: right; }
	#sidebar3 { width: 550px; float: right; }
	#sidebar3 ul li { display: inline; padding: 0; margin: 0; background: none; }
	#sidebar4 { width: 390px; float: right; margin-top:0px; }

	

	

		/* SEARCH BAR ---------------------------- */

		

		#s { background: #212121 url(images/search-bg.gif) no-repeat 100% 50%; border: 1px solid #2c2c2c; padding: 6px 9px; margin-bottom: 30px; color: #a0a0a0; width: 240px; font: 100%/1.5em Arial, sans-serif; }

	

	

	

		/* ADs ---------------------------- */

		

		.ad-box a { border: none; }

		.large-ad { width: 260px; height: 70px; }
		
		.large-ad2 { width: 260px; height: 110px; }

		.small-ad { width: 125px; height: 125px; margin-top: 10px; float: left; }

		.ad-right { float: right; }

		

		

		/* HEADINGS + LIST ITEMS ---------------------------- */

		.widget { margin-bottom:10px;}

		#sidebar h3 { margin: 20px 0 10px 0; border-bottom: 1px solid #272727; color: #a3a3a3; padding-bottom: 10px; display: block; }

		#sidebar ul li { display: inline; padding: 0; margin: 0; background: none; }

			#sidebar ul li a { color: #747373; display: block; padding: 6px 0 6px 24px; border-bottom: 1px solid #272727; background: url(images/bullet.gif) no-repeat 0.8em 1em; text-decoration: none; }

			#sidebar ul li a:hover { color: #FFF; }

			#sidebar ul li ul.children { padding-left: 14px; }

#sidebar2 ul li { display: inline; padding: 0; margin: 0; background: none; }
#sidebar2 ul li a { color: #747373; display: block; padding: 6px 0 6px 24px; border-bottom: 1px solid #272727; background: url(images/bullet.gif) no-repeat 0.8em 1em; text-decoration: none; }



	/* FOOTER ---------------------------- */

	

	#footer {background: url(images/header-bg.gif) repeat-x top left; padding-top: 7px; margin-top: 48px; width: 100%; float: left; position: relative; }

		#footer p { padding: 20px 0; margin: 0; float: left; color: #747373; }

		

		

		

		/* FOOTER NAVIGATION ---------------------------- */

		

		ul#bottom-nav { position: absolute; right: 0; top: 0; }

			ul#bottom-nav li { float: left; color: #2c2c2c; margin: 0; padding: 0; background: 0; }

				ul#bottom-nav li { margin: 20px 0 20px 20px; }

					ul#bottom-nav li a { color: #747373; text-decoration: none; }

					ul#bottom-nav li a:hover { color: #FFF; }







/* P.I.E. FLOAT CLEARING ---------------------------- */



.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clearfix {display:inline-block;}
#proyect h3 {
border-bottom:1px solid #272727;
color:#A3A3A3;
display:block;
margin:0px 0 15px;
padding-bottom:10px;
}
#know {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2a2a2a;
	border-bottom-color: #2a2a2a;
	margin-top: 20px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#sidebar2 #know {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2a2a2a;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-top:none;
}
#sidebar2 #know2 {
border-bottom:1px solid #2A2A2A;
border-top:1px solid #2A2A2A;
margin-bottom:0;
margin-top:10px;
padding-bottom:5px;
padding-top:5px;
}
#aliados {
	height: 135px;
}
#aliado {
	height: 60px;
	width: 125px;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
#aliado-i {
	height: 60px;
	width: 125px;
	float: left;
	margin-bottom: 15px;
}


#method h3 {
border-bottom:1px solid #272727;
color:#A3A3A3;
display:block;
margin:0px 0 15px;
padding-bottom:10px;
}
#sidebar2 #method h3 {
border-bottom:1px solid #272727;
color:#A3A3A3;
display:block;
margin:0px 0 0px;
padding-bottom:10px;
}
#sidebar2 #method-i h3 {
border-bottom:1px solid #272727;
color:#A3A3A3;
display:block;
margin:0px 0 0px;
padding-bottom:10px;
}
.clearfix {display:block;}

#contain {
	height: 110px;
	width: 670px;
	padding-top: 198px;
	margin-right: auto;
	margin-left: auto;
}
#fade-1 {
	float: left;
	height: 110px;
	width: 200px;
	margin-right: 35px;
}
#fade-2 {
	float: left;
	height: 110px;
	width: 200px;
	margin-right: 35px;
}
#fade-3 {
	float: left;
	height: 110px;
	width: 200px;
}
.fadeThis {
background:url("http://blog.maskin.cl/wp-content/themes/cosmo-plus/cosmo-plus/images/d-p.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:110px;
position:relative;
width:200px;
}
.fadeThis * {
display:none;
}
#equipo {
	height: 180px;
	width: 125px;
	margin-right: 12px;
	float:left;
	
}

.fadeThis span.hover {
background:url("http://blog.maskin.cl/wp-content/themes/cosmo-plus/cosmo-plus/images/d-id-h.jpg") no-repeat scroll 0 -100px transparent;
display:block;
height:110px;
left:0;
position:absolute;
top:0;
width:200px;
}
#content1{
    border:1px solid #CCCC33;
    padding:10px;
    margin-top:10px;
    width:500px;

}
#method {
	float: left;
	height: 260px;
	width: 265px;
	margin-right: 30px;
}
#sidebar2 #method {
	float: left;
	height: 180px;
	width: 265px;
	margin-right: 20px;
}
#sidebar2 #method-i {

	height: 180px;
	width: 265px;
	float:right;
}
#proyect {
	float: left;
	height: 260px;
	width: 265px;
}
#text-servicios {
	float: left;
	height: 140px;
	width: 412px;
	padding-top: 10px;
}
.grande {
	margin-bottom:5px;
	border-bottom:medium none;
color:#D5D5D5;
font:180%/1.6em Georgia,Arial,serif;
}
.bajada {
	margin-bottom:5px;
	border-bottom:medium none;
font:130%/1.3em Georgia,Arial,serif;
}
#text-servicios-i .grande {
	margin-bottom:5px;
	border-bottom:medium none;
color:#8b8b8b;
font:180%/1.6em Georgia,Arial,serif;
}
#text-servicios-i .bajada {
	margin-bottom:5px;
	color:#666666;
	border-bottom:medium none;
font:130%/1.3em Georgia,Arial,serif;
}
#text-servicios-i {

	float: right;
	height: 140px;
	width: 420px;
	padding-top: 10px;
}
#caja10 #text-servicios-i {

	float: right;
	height: 140px;
	width: 400px;
	padding-top: 10px;
}
#porta-container {
	height: 360px;
	width: 535px;
}
#porta-container #porta-1 {
	height: 150px;
	width: 150px;
	margin-right: 40px;
	margin-bottom:30px;
	float:left;
}
#porta-container #porta-2 {
	height: 150px;
	width: 150px;
	float:right;
}
#porta-container #web-1 {
	height: 150px;
	width: 250px;
	margin-right: 35px;
	margin-bottom:30px;
	float:left;
}
#porta-container #web-2 {
	height: 150px;
	width: 250px;
	float:right;
}
.connect_widget .connect_widget_text {
color:#666666;
}