@charset "utf-8";
/* CSS Autogestion Saguemuller */
	
/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
	font-family: 'Roboto', sans-serif;
	color:#000 !important;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	padding : 5px 10px;
	margin:20px 2% 0 0;
	width:66%;
	float:right;
}
	.highlight-1 {
		background : #FFCCCC;
		border : 1px dotted #FF9966;	
	}
	.highlight-2 {
		background : #FFFF99;
		border : 1px dotted #FFCC33;	
	}
	.highlight-3 {
		background : #CCFF99;
		border : 1px dotted #CCCC33;
	}

.panel{padding:20px 3%; background:#DDD;}
.panel p, .panel p a {color:#000;font-size:1em;
	font-weight:300;}
.panel p a:hover {color:#EE7C00;}

.interlineado p{padding:10px 0}

.contact p, .formulario p {color:#EEE;font-size:1em;
	font-weight:300;}
	
/*--- FORMULARIOS --*/

.formulario form {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.formulario form fieldset {
	background:rgba(0,0,0,0.75);
	padding:50px;
	margin:0;
}

.formulario form fieldset label {
	width:100%;
	height:30px;
	font-size:1em;
	font-weight:300;
	color:#EEE;	
}

.formulario form fieldset input {
	width:100%;
	height:30px;
	color:#EE7C00;
	border:1px solid #EE7C00;
	padding:1px;
	margin:10px 0 28px 0;
}

.formulario form fieldset input[type="submit"] {
	background:#EE7C00;
	color:#FFF;
	border:none;
	margin-right:2%;
}

.formulario form fieldset textarea {
	width:100%;
	color:#EE7C00;
	border:1px solid #EE7C00;
	padding:1px;
	margin:10px 0 28px 0;
}

.p-b-30{padding-bottom:30px;}
.p-t-20{padding-top:20px !important;}

.formulario .highlight-1, .formulario .highlight-2, .formulario .highlight-3 {
	color:#000;
	width:100%;
	float:none;
}

.services h3 {
	display:block;
}

.services span{
	float:right;
	font-size:0.7em !important;
	letter-spacing:normal;
}

.services h3:nth-child(odd) a:hover{
	color:#FFF;
}

.services h3:nth-child(even) a:hover {
	color:#EE7C00;
}

.services h3 a {color:#000;}

.img_uploaded{
	width:45%;
	float:left;
	clear:none !important;
	margin-right:3%;
}
.img_uploaded.cliente{
	width:20% !important;
	float:left;
	clear:none !important;
	margin-right:3%;
}
.img_uploaded img, .img_uploaded.cliente img{max-width:100%;}

.work-gallery .img{
	width:30%;
	float:left;
	margin-left:3%;
	margin-right:20px;
}

.work-gallery .img img{max-width:100%}

.work-gallery p a{
	color:#000;
	padding-right:20px;
}

.work-gallery p a:hover {color:#FFF;}

.work-gallery p{
	padding:0;
}

.skin{
	color:#EE7C00; font-size:0.75em;
}

@media handheld, only screen and (max-width: 767px) {	
.work-gallery .img{
	width:94%;
	float:none;
}
}