/*
Theme Name: Disonancias
Theme URI: 
Description: 
Version: 3
Author: Disonancias - Soluciones web integrales
Author URI: http://disonancias.com.ar/
*/


/* GENERALES */

body {
	margin:0;
	padding:10px 0 0 0;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/bg-body.jpg) #BCBCBC;
	}

img{border:0; display:block; padding:0; margin:0;}

.clear{clear: both;}

a{outline:none; text-decoration:none;}

h1, h2, h3, h4, h5, h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #DDDDDD;
	}

.header, .content-tabs, .content-blocks, .content-columns, .footer-bar, .footer-credits{
	margin:0 auto 0;
	display:block;
	width:960px;
	}

.wrapper {
	display:block;
	width:920px;
	margin:0 auto;
	padding:15px 10px;
	color:#666666;
	background-color:#FFFFFF;
	border-left:10px solid #DFDFDF;
	border-right:10px solid #DFDFDF;
	}

.main-container {
	width:960px;
	margin:0 auto;
	/*Esquinas*/
	border-radius:20px;
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	/*Sombras*/
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
	}


/* Header */

.header .wrapper {
	border-top:10px solid #DFDFDF;
	/*Esquinas*/
	border-radius:20px 20px 0px 0px;
	-ms-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-khtml-border-radius:20px 20px 0px 0px;
	}

.header h1 {
	float:left;
	display:block;
	width:400px;
	margin:0;
	padding:0;
	font-size:36px;
	border:none;
	}

.header .menu {
	display:block;
	float:right;
	width:508px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	overflow:hidden;
	}
	.header .menu-en { width:519px!important; }
		.header .menu-en ul { width:519px!important; }

	.header .menu ul, .header .menu li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		}

		.header .menu li.first a {
			/*Esquinas*/
			border-radius:20px 0px 0px 20px;
			-ms-border-radius:20px 0px 0px 20px;
			-moz-border-radius:20px 0px 0px 20px;
			-webkit-border-radius:20px 0px 0px 20px;
			-khtml-border-radius:20px 0px 0px 20px;
			}

		.header .menu li.last a {
			/*Esquinas*/
			border-radius:0px 20px 20px 0px;
			-ms-border-radius:0px 20px 20px 0px;
			-moz-border-radius:0px 20px 20px 0px;
			-webkit-border-radius:0px 20px 20px 0px;
			-khtml-border-radius:0px 20px 20px 0px;
			}


		.header .menu li.last a{
			margin-right:0;
			}

		.header .menu li a:link, .header .menu li a:visited, .header .menu li a:hover {
			display:block;
			margin:0;
			padding:5px 20px;
			color:#FFFFFF;
			text-transform:lowercase;
			background-color:#000000;
			}

		.header .menu li a:hover, .header .menu ul li.current-menu-item a {
			color:#FFFFFF;
			background-color:#8DBD70;
			}


/* Tabs */

.content-tabs {
	height:300px;
	overflow:hidden;
	color:#666666;
	background-color:#FFFFFF;
	}

	.content-tabs a {
		color:#8DBD70;
		background-color:#232323;
		}

	.content-tabs a, .content-tabs ul, .content-tabs img {
		margin:0;
		padding:0;
		border:none;
		outline:none;
		list-style:none;
		text-decoration:none;
		}

	.content-tabs h1, .content-tabs h2, .content-tabs h3, .content-tabs h4, .content-tabs h5, .content-tabs h6 {
		margin:10px 0 15px 0;
		.margin:25px 0 15px 0; /*IE7*/
		font-size:20px;
		}

	.content-tabs .tabs {
		position:relative;
		display:block;
		width:920px;
		height:300px;
		.height:285px; /*IE7*/
		overflow:hidden;
		/*Esquinas*/
		border-radius:20px 20px 0px 0px;
		-ms-border-radius:20px 20px 0px 0px;
		-moz-border-radius:20px 20px 0px 0px;
		-webkit-border-radius:20px 20px 0px 0px;
		-khtml-border-radius:20px 20px 0px 0px;
		}

	.content-tabs .tabs ul{
		display:block;
		width:920px;
		height:300px;
		overflow:hidden;
		}

		.content-tabs .tabs ul li {
			color:#FFFFFF;
			background-color:#232323;
			}

			.content-tabs .tabs ul li.first {
				/*Esquinas*/
				border-radius:20px 0px 0px 0px;
				-ms-border-radius:20px 0px 0px 0px;
				-moz-border-radius:20px 0px 0px 0px;
				-webkit-border-radius:20px 0px 0px 0px;
				-khtml-border-radius:20px 0px 0px 0px;
				}

			.content-tabs .tabs ul li.last, .content-tabs .tabs ul li.last .tab {
				/*Esquinas*/
				border-radius:0px 20px 0px 0px;
				-ms-border-radius:0px 20px 0px 0px;
				-moz-border-radius:0px 20px 0px 0px;
				-webkit-border-radius:0px 20px 0px 0px;
				-khtml-border-radius:0px 20px 0px 0px;
				}

			.content-tabs .tabs ul li.current {
				color:#FFFFFF;
				background-color:#383838;
				}

			.content-tabs tabs ul li.current a {
				color:#8DBD70;
				background-color:#383838;
				}

		.content-tabs .tabs ul li p {
			margin:0 0 15px 0;
			padding:0;
			line-height:1.6em;
			}

		.content-tabs .tabs ul li .box{
			display:block;
			float:left;
			width:335px;
			height:250px;
			padding:15px;
			overflow:hidden;
			}

		.content-tabs .tabs ul li .tab{
			position:relative;
			display:block;
			float:right;
			width:100px;
			height:225px;
			padding:69px 5px 0 5px;
			text-align:center;
			border-left:1px dotted #484848;
			cursor:pointer;
			color:#8DBD70;
			background-color:#232323;
			}
			:root .content-tabs .tabs ul li .tab { padding:67px 5px 0 5px; } /*IE9*/

			.content-tabs .tabs ul li .tab img{
				display:block;
				width:100px;
				height:100px;
				margin:0 0 15px 0;
				}

				.content-tabs .tabs ul li .tab:hover img{
					margin:-15px 0 15px 0;
					}

			.content-tabs .tabs ul li.current .tab{
				cursor:default;
				color:#FFFFFF;
				background-color:#383838;
				}

			.content-tabs .tabs ul li.current .tab:hover img{
				margin-top:0;
				}


/* Bloques */

.content-blocks .wrapper{
	padding:25px 10px;
	.padding-bottom:37px; /*IE7*/
	}

.content-blocks a{
	color:#8DBD70;
	background-color:#FFFFFF;
	}

.content-blocks ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	}

	.content-blocks li{
		display:block;
		float:left;
		width:290px;
		margin:0 25px 0 0;
		padding:0;
		}

		.content-blocks li.last{margin-right:0;}

		.content-blocks li h2.title{
			display:block;
			width:100%;
			height:65px;
			margin:0;
			padding:15px 0 8px 0;
			font-size:20px;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#666666;
			background-color:#FFFFFF;
			line-height:normal;
			border-bottom:1px dashed #CCCCCC;
			}

			.content-blocks li h2.title img{
				float:left;
				margin:-15px 8px 0 0;
				padding:5px;
				color:#666666;
				background-color:#F7F7F7;
				border:1px solid #CCCCCC;
				}

		.content-blocks li p{ .margin-top:12px; /*IE7*/ }


/* Columnas */

.content-columns .wrapper{
	padding:20px 10px;
	line-height:1.4em;
	.line-height:1.3em; /*IE7*/
	color:#666666;
	background-color:#F5F5F5;
	.margin-top:0px; /*IE7*/
	}

.content-columns a{
	color:#8DBD70;
	background-color:#F5F5F5;
	}

	.content-columns a:hover{
		text-decoration:underline!important;
		}

.content-columns h1, .content-columns h2, .content-columns h3, .content-columns h4, .content-columns h5, .content-columns h6{
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
	}

.content-columns .text{
	display:block;
	float:left;
	width:580px;
	}

.content-columns .sidebar{
	display:block;
	float:right;
	width:300px;
	}

	.content-columns .sidebar .holder{
		display:block;
		width:300px;
		margin-bottom:20px;
		}

	.content-columns .sidebar .holder h2.title{
		display:block;
		width:100%;
		height:65px;
		margin:0;
		padding:15px 0 0 0;
		font-size:20px;
		line-height:normal;
		border-bottom:1px dashed #666666;
		}

		.content-columns .sidebar .holder h2.title img{
			float:left;
			margin:-15px 8px 0 0;
			padding:5px;
			border:1px solid #666666;
			}

	.content-columns .sidebar .holder ul{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
		}

		.content-columns .sidebar .holder ul li{
			display:block;
			margin:0 0 20px 0;
			padding:0 0 15px 0;
			border-bottom:1px dotted #DDDDDD;
			}

			.content-columns .sidebar .holder ul li.last{
				margin-bottom:0;
				}

		.content-columns .sidebar .holder ul p{
			margin:0;
			padding:0;
			line-height:normal;
			}

	.content-columns .sidebar .holder p.readmore{
		display:block;
		width:100%;
		margin-top:15px;
		font-weight:bold;
		text-align:right;
		line-height:normal;
		}


/* Footer */

.footer-bar .wrapper{
	padding:10px 20px;
	border:none;
	color:#8DBD70;
	background-color:#2F2F2F;
	text-align:center!important;
	}

.footer-bar a{
	color:#8DBD70;
	background-color:#2F2F2F;
	}

.footer-bar h2{
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

.footer-bar p, .footer-bar ul, .footer-bar a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

.footer-credits .wrapper{
	margin-bottom:10px;
	padding:10px 20px;
	border:none;
	/*Esquinas*/
	border-radius:0px 0px 20px 20px;
	-ms-border-radius:0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	-webkit-border-radius:0px 0px 20px 20px;
	-khtml-border-radius:0px 0px 20px 20px;
	}

.footer-credits p{
	margin:0;
	padding:0;
	}

.footer-credits .wrapper, .footer-credits a{
	color:#FFFFFF;
	background-color:#3D3D3D;
	}

.footer-credits img{
	display:inline!important;
	vertical-align:middle;
	}

	.footer-credits .copyright {float:left;}
	.footer-credits .signature {float:right;}


/* Separador */

.content-separator .wrapper{
	padding:12px 10px;
	line-height:1.4em;
	color:#666666;
	background-color:#FFFFFF;
	}


/* Contenido */

.content-text .wrapper{
	padding:20px 10px;
	line-height:1.4em;
	color:#666666;
	background-color:#F5F5F5;
	}

.content-text a{
	color:#8DBD70;
	background-color:#F5F5F5;
	}

.content-text a:hover{
	text-decoration:underline!important;
	}

.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6{
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
	}

.content-text ul li{
	margin-bottom:10px;
	}


/* Trabajos - Home */

.trabajo-srv-container {
	width:300px;
	height:83px;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}

.trabajo-srv-image {
	width:85px!important;
	height:75px!important;
	border:none;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	padding:3px;
}

.trabajo-srv-image:hover {
	background-color: #A9A9A9;
} 

.trabajo-srv-caption {
	width:200px;
	height:83px;
	position:relative;
	top:-83px;
	left:100px;
	text-align:left;
	color:#666666;
	overflow:hidden;
}

.trabajo-srv-caption strong{
	color:#8DBD70;
}

/* Trabajos - Página */

img.preload {display: none;}

.content-text .trabajos-container {
	width:900px;
	margin:0 54px;
	_margin:0 -54px 0 54px; /*IE6*/
	}

.content-text .trabajos-container a:hover {
	text-decoration:none!important;
	}

/* SlideViewer Pro */
/* http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html */

.svwp {width: 32px; height: 32px; background: #F5F5F5;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { /*this is the gallery container*/
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*this is your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding (yet)*/
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider contanier*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { /*the thumbnails list of images*/
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


/* Contacto */

#si_contact_form1 {
	margin-top:2px!important;
	}

	#si_contact_form1 input, #si_contact_form1 select {
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;
		}
	

.contact {
	display:block!important;
	float:left!important;
	width:100%!important;
	height:32px!important;
	font-size:14px!important;
	font-weight:bold!important;
	color:#646464!important;
	margin:0!important;
	padding:10px 0 0 42px!important;
	}
	.contact-hours { background:url(images/contact-hours.gif) no-repeat center left; }
	.contact-location { background:url(images/contact-location.gif) no-repeat center left; }
	.contact-phone { background:url(images/contact-phone.gif) no-repeat center left; }

#si_contact_message1 {
	height:193px!important;
	}
	
	
/* ESPECIALES */

.old-browser {
	width:100%;
	height:30px;
	color:#000;
	background-color:#FFFFE0;
	border-bottom:solid 1px #999;
	text-align:center;
	margin-bottom:10px;
	padding:5px 0;
}
