a{
	text-decoration: none;
}

H1{
			  color:#660000;
				text-align: left;
				font-size: 160%;
				font-weight: lighter;
				margin-bottom: 0;
}

#o1{
				z-index: 0;
				border: 0px;
				width: 100%;
				min-width: 800px;
				position: absolute;
				top:0px;
				left:0px;
}

#h1{
				z-index: 7;
				border: 0px;
				width: calc(100% - 20px);
				min-width: 780px;
				position: absolute;
				top: -4px;
				left: 10px;
}

#h1s1{
				width: 450px;
				top: 1px;
				position: absolute;
				margin: 2px 0px 0px 30px;
}

#h1s2{
				width: 100%;
				top: 1px;
				min-width: 470px;
				position: absolute;
				margin: 2px 0px 0px -20px;
				text-align: right;
}

#h1s2_2{
				width: 100%;
				top: 1px;
				position: absolute;
				margin: 2px 0px 0px -20px;
				text-align: right;
				display: none;
}

#h2{
				z-index: 17;
				border: 0;
				width: calc(100% - 20px);
				min-width: 780px;
				position: absolute;
				top: 22px;
				left: 10px;
}

#h2c2{
				z-index: 18;
				border: 0;
				text-align: right;
				background-color: #dddddd;
				width: 100%;
				height: 55px;
				top: 0px;
				left: 0px;
				position: fixed;
				display: none;
				border-bottom: 2px solid #660000;
}

#h2s2{
				width: 300px;
				border: 0;
				position: absolute;
				margin: 10px 0px 0px 20px;
}

#h2s1{
				width: 100%;
				border: 0;
				min-width: 470px;
				position: absolute;
				margin: 7px 0px 0px -25px;
				text-align: right;
}

#h2s1_2{
	width: 100%;
	position: absolute;
    margin: 7px 0px 0px 5px;
	text-align: right;
	display: none;
    
}

#img1{
				width: 40%;
				min-width: 370px;
				max-width: 450px;
				height: 30px;
}

#o2{
				z-index: 19;
				width: 100%;
				height: 4px;
				min-width: 800px;
				position: absolute;
				top: 82px;
				left:0px;
}

#h4{
				z-index: 9;
				border: 0px;
				width: calc(100% - 80px);
				min-width: 720px;
				max-width: 1000px;
				position: relative;
				top: 70px;
				margin: 0px auto;
}

#h4s1{
				width: 100%;
				min-width: 720px;
				margin: 0 auto;
}

#h4s1c1{
				width: 100%;
				min-width: 500px;
				position: relative;
				text-align: justify;
				top: 2px;
				margin: 15px 0px 0px 0px;
}

#h4s2{
				width: 240px;
				float: right;
				margin: 30px 0px 10px 20px;
}

#h4s2c1{
		width: 100%;
		padding-top: 10px;
		padding-left: 8px;
		padding-right: 8px;
		border-radius: 10px 0px 10px 0px;
		-moz-border-radius: 10px 0px 10px 0px;
		-webkit-border-radius: 10px 0px 10px 0px;
		border: 1px solid #cccccc;
        background: rgba(255,245,242,1);
        background: -moz-linear-gradient(top, rgba(255,245,242,1) 0%, rgba(250,250,250,1) 51%, rgba(245,223,215,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,245,242,1)), color-stop(51%, rgba(250,250,250,1)), color-stop(100%, rgba(245,223,215,1)));
        background: -webkit-linear-gradient(top, rgba(255,245,242,1) 0%, rgba(250,250,250,1) 51%, rgba(245,223,215,1) 100%);
        background: -o-linear-gradient(top, rgba(255,245,242,1) 0%, rgba(250,250,250,1) 51%, rgba(245,223,215,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,245,242,1) 0%, rgba(250,250,250,1) 51%, rgba(245,223,215,1) 100%);
        background: linear-gradient(to bottom, rgba(255,245,242,1) 0%, rgba(250,250,250,1) 51%, rgba(245,223,215,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5f2', endColorstr='#f5dfd7', GradientType=0 );
}

#h4s2c2{
		width: 100%;
		padding-top: 10px;
		padding-left: 8px;
		padding-right: 8px;
		margin: 45px 0px 0px 0px;
		border-radius: 0px 10px 0px 10px;
		-moz-border-radius: 0px 10px 0px 10px;
		-webkit-border-radius: 0px 10px 0px 10px;
		border: 1px solid #cccccc;
        background: rgba(247,255,242,1);
        background: -moz-linear-gradient(top, rgba(247,255,242,1) 0%, rgba(250,250,250,1) 51%, rgba(230,245,215,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,255,242,1)), color-stop(51%, rgba(250,250,250,1)), color-stop(100%, rgba(230,245,215,1)));
        background: -webkit-linear-gradient(top, rgba(247,255,242,1) 0%, rgba(250,250,250,1) 51%, rgba(230,245,215,1) 100%);
        background: -o-linear-gradient(top, rgba(247,255,242,1) 0%, rgba(250,250,250,1) 51%, rgba(230,245,215,1) 100%);
        background: -ms-linear-gradient(top, rgba(247,255,242,1) 0%, rgba(250,250,250,1) 51%, rgba(230,245,215,1) 100%);
        background: linear-gradient(to bottom, rgba(247,255,242,1) 0%, rgba(250,250,250,1) 51%, rgba(230,245,215,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fff2', endColorstr='#e6f5d7', GradientType=0 );
}

#h4s3{
				width: 100%;
				min-width: 720px;
				margin: 0 auto;
}

#h4s3_2{
	width: calc(100% - 30px);
	display: none;
	margin: 0px 15px;
}


#h4s1c1o1x{
    width: calc(100% - 170px); 
    min-width: 300px; 
    max-width: 830px
}

#h4s1c1o1{
    position: absolute; 
    z-index: 9; 
    background-color: #ffffff;	
    width: 150px;	
    top: -5px; float: 
    right; left: calc(100% - 150px);
}

#h4s4{
				width: 100%;
}

#h4s4_2{
				width: 100%;
				display: none;
}




#h5{
				position:relative; 
				left:0px; 
				top:90px; 
				width:100%;
				height: 160px; 
				z-index:15; 
				background-color: #dddddd;
				border-top: 1px solid #660000;
				clear: both;
}

#h5s1{
				border: 0px;
				width: calc(100% - 100px);
				min-width: 720px;
				max-width: 1000px;
				position: relative;
				margin: 0px auto;
}

#h5s1c1{
    position: relative; 
    width:210px; 
    top: -27px; 
    float: right; 
    text-align: left; 
    line-height: 140%; 
    font-size: 14px; 
    padding: 10px 0px 0px 10px;
}

#logo_pie{
    margin: 10px 0px 5px 0px;
    width: 200px;
    height: 95px;
}

#h5s2{
				left:0px; 
				top:143px; 
				width:100%; 
				z-index:15; 
				position: absolute; 
				background-color: #660000;
				margin: auto;
}


#h5s1{
				border: 0px;
				width: calc(100% - 100px);
				min-width: 720px;
				max-width: 1000px;
				position: relative;
				margin: 0px auto;
}

#result{
    width: calc(100% - 200px); 
    min-width: 490px; 
    min-height: 800px; 
    max-width: 800px; 
    margin: 0px 20px 0px 0px;
    float: left;
}

#form_mail{
    width: 305px; 
    float: right; 
    margin: 10px 0px; 
    padding: 2px 10px; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;	
    border: 1px solid #999999; 
    background: rgba(230,227,230,1);	
    background: -moz-linear-gradient(top, rgba(230,227,230,1) 0%, rgba(242,234,242,1) 50%, rgba(204,202,204,1) 100%);	
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,227,230,1)), color-stop(50%, rgba(242,234,242,1)), color-stop(100%, rgba(204,202,204,1))); 
    background: -webkit-linear-gradient(top, rgba(230,227,230,1) 0%, rgba(242,234,242,1) 50%, rgba(204,202,204,1) 100%);	
    background: -o-linear-gradient(top, rgba(230,227,230,1) 0%, rgba(242,234,242,1) 50%, rgba(204,202,204,1) 100%);	
    background: -ms-linear-gradient(top, rgba(230,227,230,1) 0%, rgba(242,234,242,1) 50%, rgba(204,202,204,1) 100%); 
    background: linear-gradient(to bottom, rgba(230,227,230,1) 0%, rgba(242,234,242,1) 50%, rgba(204,202,204,1) 100%);	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e3e6', endColorstr='#cccacc', GradientType=0 );
}

@media screen and (max-width: 800px) {

    #o1{
        min-width: 290px;
    }
    
    #h1{
        width: calc(100% - 10px);
        min-width: 290px;
		top: -2px;
    }
    
    #h1s1{
        display: none;
    }
    
    #h2{
        width: calc(100% - 20px);
        min-width: 280px;
        top: 22px;
        left: 5px;
    }
    
    #h2s2{
        width: 150px;
        position: absolute;
        margin: 10px 0px 0px 10px;
    }

    #h2s1{
        display: none;
    }

    #h2s1_2{
        display: block;
    }
    
    #o2{
        min-width: 300px;
        
    }
    
    #h3{
        min-width: 300px;
        top: 40px;
    }
    
    #bannerXS{
        display: none;
    }
    
    #o3{
        display: none;
    }
    
    #h4{
    	width: calc(100% - 10px);
    	min-width: 290px;
    	top: 70px;
    }
    
    #h4s1{
        min-width: 280px;
        height: auto;
    }

    #h4s1c1{
		min-width: 290px;
        
    }

    #h4s1c2{
        position: relative;
        width: calc(100% - 10px);
        min-width: 290px;
        margin: 0px 5px;
        height: auto;
    }

    #h4s2{
		position: relative;
		width: calc(100% - 35px);
		padding: 5px;
        height: auto;
        margin: 15px 5px;
        float: none;
    }

    #h4s2c1,#h4s2c2{
        top: 230px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #h5s1{
        border: 0px;
        width: calc(100% - 10px);
        min-width: 290px;
    }

    #h4s1c1o1x{
        width: 100%;
        min-width: 300px; 
        max-width: 830px
    }
    
    #h4s1c1o1{
        display: none;
    }

    #result{
        width: 100%; 
        min-width: 300px; 
        min-height: 800px; 
        margin: 0px;
        float: none;
    }
    
    #lateral{
        display: none;
    }
    
    #paginasXcss{
        display: none;
    }
    
    #mapa{
        display: none;
    }
#form_mail{
    width: calc(100% - 30px); 
    float: none; 
    margin: 10px auto; 
    padding: 2px 10px; 
}
    
}

@media screen and (max-width: 700px) {
    
    #h4s3{
        display: none;
    }
    
    #h4s3_2{
        display: block;
    }
    
}

@media screen and (max-width: 600px) {
    
    #h5s1c1{
        float: none;
    }
    

    #logo_pie{
        margin: 10px 0px 5px 0px;
        width: 200px;
        height: 95px;
    }
    
    #logo_pie{
        display: none;
    }
    
    #h4s4{
        display: none;  
    }
    
    #h4s4_2{
    	display: block;
    }
    
    #h1s2{
        display: none;
    }
    
    #h1s2_2{
        display: block;
    }

    
}