/***************************************************
	      minimalist by marija zaric
	      template distributed by
        http: //freehtml5templates.com
***************************************************
***************************************************
			      Reset
***************************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
ol, ul{list-style:none;}
a img{border:none; display:block;}
aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}


/***************************************************
			      Global styles
***************************************************/
html{width:100%; height:auto; overflow-y: auto;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: white;
	color: #575757;
	margin: 0 0 1px; height: 100%; 
	line-height: 1.7;
	border-top: 10px solid black;
}

.bg {
	background-image: url(../img/bg.png); 
	background-position: left top;
	background-repeat: repeat;
}

a, p a{text-decoration:underline; color:white;}
a: hover{color:white;}

h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif; font-weight:normal; position:relative;}
h1 {
	font-size: 42px;
	line-height: 0.9;
	/*color: #666666;*/
	color: #7a1e19;
	text-align: left;
	margin-bottom: 13px;
	padding-bottom: 15px;
}
 h1 span {
	font-size: 25px;
	line-height: 12px;
	color: #666666;
	margin-left: 10px;
}
h2 {
	font-size: 15px;
	line-height: 1.6;
	color: #666666;
	text-align: left;
	border-bottom: 1px solid #A3A3A3;
	margin-bottom: 7px;
	padding-bottom: 12px;
}
h3 {
	font-size: 20px;
	line-height: 0.9;
	color: #575757;
	text-align: left;
	margin-bottom: 6px;
	padding-bottom: 5px;
}
h4 {
	font-size: 14px;
	line-height: 0.9;
	/*color: #7a1e19;*/
	color: #666666;
	text-align: left;
	margin-bottom: 8px;
	padding-top: 3px;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #575757;
	margin: 0 0 3px 0; 
	line-height: 1.6;
}
p.mail a{font-size:14px; color:#666666; text-decoration:none;}
p.mail a:hover{text-decoration:underline; color:#7a1e19;}

.clearer{clear:both;}

/***************************************************
			    Main containers
***************************************************/
#container, #container_left, #container_right{position:relative; width:100%;}
#container{
	position: relative;
	width: 980px;
	margin: 0 auto;
	background-color: transparent;
	min-height: 100%;
	margin-bottom:20px;
}

.group1 {
	float: left;
	width: 300px;
	position: relative;
	background: transparent;
	padding: 15px 10px 5px 10px;
	margin-bottom: 10px;
}

.group2 {
	float: left;
	width: 300px;
	position: relative;
	background: transparent;
	padding: 15px 5px 5px 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.group3 {
	float: right;
	width: 300px;
	position: relative;
	background: transparent;
	padding: 15px 5px 5px 10px;
	margin-bottom: 10px;
}

.group4 {
	float: left;
	width: 950px;
	position: relative;
	padding: 15px;
	margin-top: -14px;
	margin-bottom: 25px;
	background: transparent;
	border-top: 1px solid #A3A3A3;
	-moz-column-count: 3; /* Firefox */
	-webkit-column-count: 3; /* Safari and Chrome */
	column-count: 3;	
	-moz-column-gap: 40px; /* Firefox */
	-webkit-column-gap: 40px; /* Safari and Chrome */
	column-gap: 40px;	
	-moz-column-rule: 1px solid #A3A3A3; /* Firefox */
	-webkit-column-rule: 1px solid #A3A3A3; /* Safari and Chrome */
	column-rule: 1px solid #A3A3A3;
}

.columns-2 .group1{
	float: left;
	width: 455px;
	position: relative;
	background: transparent;
	padding: 15px 10px 5px 10px;
	margin-bottom: 10px;
}

.columns-2 .group2 {
	float: left;
	width: 455px;
	position: relative;
	background: transparent;
	padding: 15px 5px 5px 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
	
header{position:relative; float:left; width:100%; height:100px; margin-bottom:15px;}
	
	
/***************************************************
				INTRO
***************************************************/	
.intro {
	width: 980px;
	position: relative;
	float: left;
	/*height: 120px;*/
	background: transparent;
	margin-top: 25px;
}


/***************************************************
				   HOLDERS
***************************************************/	
.holder_content{position:relative; float:left; width:100%; margin-top:4px; padding-top:10px;}
.holder_content_separator{margin-bottom:20px;}

	
/***************************************************
			        GALLERY
***************************************************/
a.photo_hover {
	position: relative;
	float: left;
	margin: 18px 13px 8px 0;
	padding: 10px;
	background-color: white;
	border: 1px solid #D6D6D6;
}

a.photo_hover:hover {
	border: 1px solid #D6D6D6;
	background-color: transparent;
	opacity: 0.9;
	z-index: 1000;
}

a.photo_hover3 {
	position: relative;
	float: left;
	margin: 15px 13px 8px 0;
	padding: 10px;
	background-color: white;
	border: 1px solid #D6D6D6;
}

a.photo_hover3:hover {
	border: 1px solid #D6D6D6;
	background-color: transparent;
	opacity: 0.9;
	z-index: 1000;
}
	
a.photo_hover2 {
	position: relative;
	float: right;
	margin: 5px 13px 8px 0;
	padding: 8px;
	background-color: white;
	border: 1px solid #E1E1E1;
}

a.photo_hover2:hover {
	border: 1px dotted #66CCFF;
	background-color: #C7EDFF;
	opacity: 0.9;
	z-index: 1000;
}


/***************************************************
			        FOOTER
***************************************************/
footer {
	position: relative;
	padding: 30px 0;
	/*height: 90px;*/
	clear: both;
	width: 100%;
	background-image: url(../img/footer.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin-bottom: 0;
	background-color: black;
}
.container{width:980px; margin:0 auto;}
footer a{font-size:14px; color:#ffffff; text-decoration:none;}
footer a:hover{color:#7a1e19;}
#FooterOne, #FooterTwo, #FooterTree{position:relative;}
#FooterTwo{position:relative; color:#ffffff; float:left;}
#FooterTree{position:relative; color:#ffffff; float:right;}



/***************************************************
				       MENU
***************************************************/
nav#mainMenu{
	position: absolute;
	/*width: 534px;*/
	/*width: 455px;*/
	width:520px;
	top: 35px;
	/*left: 450px;*/
	right: 0;
	background: transparent;
	border-top: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
}
nav#mainMenu.menu ul{list-style:none; margin:0;}
nav#mainMenu ul li{float:left; margin-left:16px; line-height:normal;}
nav#mainMenu ul li a {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	display: block;	/* IE6, IE7 line height fix */
	padding-bottom: 10px;
	padding-top: 5px;
	background-color: transparent;
	margin-top: 5px;
	margin-right: 6px;
	text-decoration: none;
}
nav#mainMenu ul li a:hover{color:#7a1e19;}
nav#mainMenu ul li a.current{color:#7a1e19;}

.content_menu{float:left; width:274px; margin-top:-10px; margin-bottom:15px;}
.content_menu ul{margin:0px; padding:0px; float:none;}
.content_menu ul li{float:none; padding-bottom:16px;}
.content_menu ul li a{
	font-size: 14px;
	line-height: normal;
	color: #666666;
	text-align: left;
	text-decoration: none;
	background-image: url(../img/circle.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.content_menu ul li a:hover{color:#7a1e19;}


/***************************************************
				   SPECIFIC
***************************************************/
#logo{position:relative; float:left; left:0px; width:380px; height:65px; top:20px;}

.clearing{clear:both; display:inline; width:100%; height:0; overflow:hidden;}
 	
.button {
	width: 66px;
	height: 13px;
	position: relative;
	margin-top: 12px;
	padding: 9px;
	background-color: #7a1e19;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
}
.button:hover{background-color:#873c38;}
.button:active{position:relative; top:1px;}


p span{font-size:14px; line-height:14px; color:#666666; font-weight:bold;}
ul.lista{list-style:disc outside; margin-left:20px;}


/***************************************************
			    HOME
***************************************************/
.home .intro{margin-top:10px; padding-bottom:10px; border-bottom: 1px solid #A3A3A3;}
.home .group1{width:315px;}
.home .group2{width:315px;}
.home .group3{width:235px;}
.home h3 {color:#7a1e19; font-weight:bold;}


a.links {
  font-size: 14px;
  color: #666666;
  text-decoration: none;
}
a:hover.links {
  text-decoration: underline;
  color: #7a1e19;
}


/***************************************************
			    ABOUT
***************************************************/
.about .intro h1{
	font-size: 32px;
	line-height: 0.9;
	color: #7a1e19;
	text-align: left;
	border-bottom:1px solid #A3A3A3;
	margin-bottom:26px;
	padding-bottom:12px;
}
.about .intro p{
	font-size: 15px;
	line-height: 1.6;
	color: #666666;
	text-align: justify;
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
}
.about h2{border-bottom:0; padding-bottom:0;}




/***************************************************
			    SERVICIOS
***************************************************/
.servicios h1{border-bottom:1px solid #A3A3A3; margin-bottom:7px; padding-bottom:12px;}
.servicios h2{border-bottom:0; padding-bottom:0;}


/***************************************************
			    CONTACTO
***************************************************/
.contacto .intro h1{border-bottom:1px solid #A3A3A3; margin-bottom:7px; padding-bottom:12px;}
/*.contacto .intro h4{text-align:center; font-size:28px;}*/
/*.contacto .content_contact{width:410px; margin:0 auto; padding-left:40px;}*/

.contacto p{
	line-height: 1.4;
}
.contacto .group1 {
	float: left;
	width: 165px;
	position: relative;
	background: transparent;
	padding: 10px 15px 15px 15px;
	margin-bottom: 10px;
	margin-right: 15px;
}

.contacto .group2 {
	float: left;
	width: 165px;
	position: relative;
	background: transparent;
	padding: 10px 15px 15px 15px;
	margin-bottom: 10px;
	/*margin-left: 15px;*/
	margin-left: 0;
}
.contacto .mapa{
	float:left;
	width: 260px;
	margin-right: 10px;
}