@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900');



html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

article, header, section, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

body {
    
    background:#FFFFFF none repeat scroll 0 0;
    color: #000000;
    font-family: "Raleway",sans-serif;
    font-size: 100%;
    line-height: 24px;
    margin: 0;
	padding:0;

}
a{
	font-family: "Raleway",sans-serif;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: #000000;
}
section {
    float: left;
    width: 100%;
	
}
h2 {
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
	text-transform:uppercase;
}
h2 span {
    display: block;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    margin-top: 5px;
	text-transform:uppercase;
}

#float-right{
	float:right;	
}


	
    .img {
        height: auto;
        max-width: 100%;
        }
  

/* ******************************************************
	Header
*********************************************************/

.ScriptTop {
    background: #fff none repeat scroll 0 0;
    float: left;
    font-size: 0.69em;
    font-weight: 600;
    line-height: 2.2;
    padding: 12px 0;
    text-transform: uppercase;
    width: 100%;
}

/* To Navigation Style 1*/
.ScriptTop ul {
    margin: 24px 0;
    padding: 0;
    text-align: left;
}
.ScriptTop li{
	list-style:none;	
	display:inline-block;
}
.ScriptTop li a {
    background: #6a4aed none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 18px;
    text-decoration: none;
    text-transform: capitalize;
}
.ScriptTop li a:hover{
	background:#000;
	color:#fff;
}


/* Header*/
.ScriptHeader {
    float: left;
    width: 100%;
    padding-top: 3em;
}
.rt-heading {
    border-bottom: solid 1px #000000;
    padding-bottom: 10px;
    margin: 0 auto;
}

.ScriptHeader h1{
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
}
.ScriptHeader h2 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: normal;

}

.ScriptHeader h1 span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
	text-transform:uppercase;
}
.ScriptHeader span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
}





.rt-container {
	margin: 0 auto;
    
	padding-left:12px;
	padding-right:12px;
    
}
.rt-row:before, .rt-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.rt-row:after {
  clear: both;
}
[class^="col-rt-"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0 15px;
  min-height: 1px;
  position: relative;
}



/*ok*/

@media only screen and (min-width:240px) and (max-width: 542px){
    
   
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    
    .cabecero { 
        position:absolute;
        margin-top: 50px;
        height: 800px ;
        text-align:center;
        padding: 1px;
        width: auto;
        background:  #FFFFFF;
        }
    
    
     .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: auto;
        background: ;
        }
    
      .productos {
        margin-left: 0px;
        height: 400px;
        padding: 10px;
        width: auto;
        background: ;
        }
    
    
    
     .encabezado1 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 0px;
        width: auto;
        background: ;
        }
    
    .encabezado2 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 0px;
        width: auto;
        background: ;
        }
	
    .encabezado3 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 0px;
        width: auto;
        background: ;
        }
    
    
    .img {
        height : 300px;
        width: 99%;
        max-height: 300px;
        max-width: 99%;
        }
    
    .espacio { 
        position: relative;
        height:  20px;
        text-align:center;
        padding: 0px;
        width: auto;
        background: ;
        }

     .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 10px;

        width: 100%;
        background: #230400;
    
        }

	
}



@media only screen and (min-width:542px) and (max-width: 740px){
    
   
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    
    
    .cabecero { 
        position:absolute;
        margin-top: 50px;
        height: 6000px;
        text-align:center;
        padding: 0px;
        width: 542px;
        background: #FFFFFF;
        }
    
    
    
     .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 400px;
        background: ;
        }
    
     .productos {
        margin-left: 0px;
        height: 700px;
        padding: 10px;
        width: 400px;
        background: ;
        }
    
    
    
    
    
     .encabezado1 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 5px;
        width: 400px;
        background: ;
        }
    
    .encabezado2 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 5px;
        width: 400px;
        background: ;
        }
	
    .encabezado3 { 
        position: relative;
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 5px;
        width: 400px;
        background: ;
        }
    
    .img {
        height : 300px;
        width: 400px;
        max-height: 300px;
        max-width: 400px;
        }
    
    .espacio { 
        position: relative;
        height:  10px;
        text-align:center;
        padding: 0px;
        width: 390px;
        background: ;
        }

    .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 10px;

        width: 400px;
        background: #230400;
    
        }

		
}




@media only screen and (min-width:740px) and (max-width: 904px){
    
   
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    
      .cabecero { 
        position:absolute;
        margin-top: 80px;
        height: 570px;
        text-align:center;
        padding: 10px;
        width: 740px;
        background: #FFFFFF;
        }

    
    
    .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 720px;
        background: ;
        }
    
     .productos {
        margin-left: 0px;
        height: 600px;
        padding: 10px;
        width: 720px;
        background: ;
        }
    
    
    .encabezado1 { 
        margin-left: 0px;
        height: 240px;
        text-align:center;
        padding: 1px;

        width: 240px;
        background: ;
            
        }
    
    .encabezado2 { 
        position: absolute;
        margin-left: 240px;
        height: 240px;
        text-align:center;
        padding: 10px;

        width: 240px;
        background: ;
        }
	
    .encabezado3 { 
        position: absolute;
        margin-left: 480px;
        height: 240px;
        text-align:center;
        padding: 10px;

        width: 240px;
        background: ;
        }
	
    
    
    .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 0px;

        width: 720px;
        background: #230400;
        }
    
    .img {
        height : 240px;
        width: 240px;
        max-height: 240px;
        max-width: 240px;
        }

   
   
}





@media only screen and (min-width:904px) and (max-width: 1274px){ 
    
   
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    
    
    .cabecero { 
        position:absolute;
        margin-top: 80px;
        height: 570px;
        text-align:center;
        padding: 10px;
        width: 930px;
        background: #FFFFFF;
        }

    
     .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 900px;
        background: ;
        }
    
     .productos {
        margin-left: 0px;
        height: 600px;
        padding: 10px;
        width: 900px;
        background: ;
        }
    
    
    
    
    
    .encabezado1 { 
        margin-left: 0px;
        height: 300px;
        text-align:center;
        padding: 10px;

        width: 300px;
        background: ;
            
        }
    
    .encabezado2 { 
        position: absolute;
        margin-left: 300px;
        height: 300px;
        text-align:center;
        padding: 10px;

        width: 300px;
        background: ;
        }
	
    .encabezado3 { 
        position: absolute;
        margin-left: 600px;
        height: 300px;
        text-align:center;
        padding: 10px;

        width: 300px;
        background: ;
        }
	
    
    .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }

     .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 10px;

        width: 900px;
        background: #230400;
    
        }
    
}





@media only screen and (min-width:1274px) and (max-width: 1600px){


    
   
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    
    
    
    .cabecero { 
        height: 1000px;
        
        position:absolute;
        margin-top: 80px;
     
        text-align:center;
        padding: 0px;
        width: 1250px;
        background: ;
        }

    
     .texto {
        margin-left: 0px;
        height: auto;
        padding: 5px;
        width: 1250px;
        background: ;
        }
    
     .productos {
        margin-left: 0px;
        height: 600px;
        padding: 5px;
        width: 1250px;
        background: ;
        }
    
    
    .encabezado1 { 
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 5px;

        width: 400px;
        background: ;
            
        }
    
    .encabezado2 { 
        position: absolute;
        margin-left: 410px;
        height: 400px;
        text-align:center;
        padding: 5px;

        width: 400px;
        background: ;
        }
	
    .encabezado3 { 
        position: absolute;
        margin-left: 820px;
        height: 400px;
        text-align:center;
        padding: 5px;

        width: 400px;
        background: ;
        }
	
    
    
	
      .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 10px;

        width: 1250px;
        background: #230400;
    
        }

    
    .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }
    
    
    
    
    
}



@media only screen and (min-width:1600px) and (max-width: 1900px){

    
   
    
    
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    .cabecero { 
        position:absolute;
        margin-top: 80px;
        margin-left: 140px;
        height: 570px;
        text-align:center;
        padding: 10px;
        width: 1270px;
        background: #FFFFFF;
        }


     .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 1320px;
        background: ;
        }
    
    
    .encabezado1 { 
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
            
        }
    
    .encabezado2 { 
        position: absolute;
        margin-left: 440px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
        }
	
    .encabezado3 { 
        position: absolute;
        margin-left: 880px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
        }
	
    

     .productos {
        margin-left: 0px;
        height: 600px;
        padding: 10px;
        width: 1320px;
        background: ;
        }
    
    
   
     .finpagina{
        position: absolute;
        margin-top: 0; 
       
        height:  300px;
        text-align:center;
        padding: 10px;

        width: 1320px;
        background: #230400;
    
        }

      .img {
        height : 100px;
        width: 300px;
        max-height: 100px;
        max-width: 300px;
        }

	
}

@media (min-width:1900px) { 
 
   
    
	.ScriptTop h1, .ScriptTop ul {
		text-align: center;
	    }
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	    }
	.ScriptTop ul{
		 margin-top:12px;		
	    }
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	    }
	.scriptnav ul{
		 margin-top:12px;		
	    }
	#float-right{
		float:none;	
	    }
    
    .cabecero { 
        position:absolute;
        margin-top: 80px;
        margin-left: 300px;
        height: 570px;
        text-align:center;
        padding: 10px;
        width: 80%;
        background: #FFFFFF;
        }

    
    .texto {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 1320px;
        background: ;
    }
    
   .productos {
        margin-left: 0px;
        height: auto;
        padding: 10px;
        width: 1320px;
        background: ;
    }
    
    
    
    
    .encabezado1 { 
        margin-left: 0px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
            
        }
    
    .encabezado2 { 
        position: absolute;
        margin-left: 440px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
        }
	
    .encabezado3 { 
        position: absolute;
        margin-left: 880px;
        height: 400px;
        text-align:center;
        padding: 10px;

        width: 440px;
        background: ;
        }
	
 
   .img {
        height : 300px;
        width: 300px;
        max-height: 300px;
        max-width: 300px;
        }

     .finpagina{
        position: absolute;
        margin-top: 0; 

        height:  300px;
        text-align:center;
        padding: 10px;

        width: 1320px;
        background: #230400;
    
        }

	
}