﻿.colum_der_head{
	float: left;
	border-top:0px;
	margin-right: 0px;
	margin-left: -9%;
	width: 117%;
	border: 1px solid #3c8ed3;
	border-top: none;
	background-color: white;
}

.colum_der_head h2{
	font-family: Helvetica, sans-serif;
	margin-left: 25px;
	margin-right: 25px;
	font-size: 20px;
	color: #949494;
	font-weight: 100;
	}

.srv_center{
	margin-left: 288px !important;
	}

.colum_der_head ul{
    margin-top: 95px;
    margin-left: -4%;
    font-family: Helvetica, sans-serif;
    font-weight: 100;
}

.colum_der_head ul li{
	font-family: sans-serif;
	font-size: 16px;
	margin-left: 40%;
	margin-right: 5px;
	line-height: 20px;
	color: #494949;
}	
	
.colum_der_head p{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	margin-left: 25px;
	margin-right: 25px;
	line-height: 30px;
	color: #494949;
	text-align: justify;	
}

#srv_center{
	position:absolute;
	margin-left: 31%;
	margin-right: -3%;
}

.colum_der_head_top{
	float: left;
	margin-top: 100px;
	margin-right: 0px;
	margin-left: -9%;
	width: 117%;
	border: 1px solid #3c8ed3;
	border-bottom: 1px solid #3c8ed3;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: white;
}

.colum_der_head_top h2{
	font-family: Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size:30px;
	color: #949494;
	font-weight: 100;
	text-transform: uppercase;
	}

.colum_der_head_top p{
	font-family: sans-serif;
	font-size: 16px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 30px;
	color: #949494;
}

.colum_der_head_bottom{
	float: left;
	margin-bottom: 50px; 
	margin-right: 0px;
	margin-left: -9%;
	width: 117%;
	border: 1px solid #3c8ed3;
	border-bottom-left-radius: 15px; 
	border-bottom-right-radius: 15px;
	background-color: white;
}

.colum_der_head_bottom h2{
	font-family: sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
	color: #949494;
	font-weight: 200;
	}

.colum_der_head_bottom p{
	font-family: sans-serif;
	font-size: 16px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 30px;
	color: #949494;
}

.colum_der{
	float: left;
	position: absoluted;
	margin-right: 0px;
	padding-left: 0px;
	width: 40%;
	height: auto;
	border-left: none;
	border-right: 1px solid #ff9900;
	border-top:0px;
	border-bottom: 1px solid #ff9900;
	background-color: white;
}

.colum_der h2{
	font-family: sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
	}

.colum_der p{
	font-family: sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
}

.colum_der img{
	position: relative; 
	float:none; 
	margin-top: -64px; 
	margin-bottom: 0px; 
	margin-left: 12%;
	padding: 5px;
	width: 200px; 
	height: 200px;
}

@media (max-width:1190px){
	.colum_der img{
		margin-top: -82px; 
		margin-bottom: 24px; 
		margin-left: 0px;
	}

}

@media (max-width:1110px){
	.colum_der img{
		margin-top: -52px;
		margin-bottom: 70px; 
		width: 170px; 
		height: auto;
	}
	.srv_center {
 	   margin-left: 28% !important;
	}
}

@media (max-width:1080px){
	.colum_der img{
		margin-left: 5px;
	}
	
}

@media (max-width: 920px){
	.colum_der img {
	    margin-top: -31px;
	    margin-bottom: 78px;
	    width: 135px;
	}
}

@media (max-width:870px){
	.colum_der img{
		margin-top: -20px;
	}
	.colum_der_head h2 {
	    font-size: 18px;
	}
}

@media (max-width:800px){
	.colum_der{
		display:none;
	}
	#srv_center {
    	position: relative;
    	margin-left: 22px;
    	margin-right: 22px;
	}
	.srv_center{
		margin-left:22px !important;
	}
	.colum_der_head h2 {
	    font-size: 17px;
	}	
}

@media (max-width:760px){
	.colum_der_head_top h2{
		font-size:24px;
	}
	.colum_der_head p {
		font-size:13px;
	}
	.colum_der_head h2 {
	    font-size: 15px;
	}	
}

@media (max-width:740px){
	.colum_der img{
		margin-left: 5px;
		margin-top: -50px;
	}
}
@media (max-width:740px){
	#srv #contact textarea, #contact textarea, #contact input {
	    width: 200px !important;
	}
}

@media (max-width:635px){
	.colum_der img{	
		margin-left: 20px;		
		width: 150px;
		height: 100px;
	}
	
}

@media (max-width:620px){

	.colum_der_head ul li{
		margin-left: -20px;
	}
}


@media (max-width:580px){

	.colum_der_head{
		margin-left: 5px;
	}
	.colum_der_head_top{
		margin-left: 5px;
	}

	.colum_der_head_bottom{
		margin-left: 5px;
	}
	
	.colum_der_head h2{
		font-size: 14px;
		text-align:center;
	}
	
	.colum_der_head p{
		font-size: 12px;
		line-height: 20px;
	}
	
	.colum_der img{
		margin-top: 5px;
	}
	
	.colum_der_head_top h2{
		font-size: 18px;
	}
	.container {
	    margin-left: 20px !important;
	    max-width:80% !important;
	}
	
}

@media (max-width:550px){
	.colum_der img{
		margin-left: 10px;
		margin-top: -30px;
		width: 120px;
		height: 80px;
	}
	
	.colum_der_head ul{
		margin-left: 0px;
	}

	.colum_der_head ul li{
		font-size: 12px;
		margin-left: 10%;
	}
}

@media (max-width:450px){
	.colum_der img{	
		margin-left: 10px;		
		width: 100px;
		height: 70px;
	}
	#contenido{
		padding-top:0px;
	}
	#contact input[type="checkbox"] {
 	   margin-top:-20px !important;
	}
	#contact input.submit {
 	   margin-right: 23% !important;
	}
	#srv fieldset div {
    	width: 250px !important;
	}
	#contact label {
	    margin-bottom: 5px;
	}	
	#contenido{
		padding-top:0px !important;
	}
}


@media (max-width:390px){
	.colum_der_head img{
		width: 70px;
		height: 45px;
	}
}

@media (max-width:375px){
	.container {
	    margin-left: -10px !important;
  	  	max-width: 90% !important;
	}
	#contact input.submit {
 	   margin-right: 21% !important;
	}
}

@media (max-width:320px){
	#contact input.submit {
 	   margin-right: 16% !important;
	}
}

