*{
	padding: 0px;
	margin: 0px;
}
a:link, a:visited{
	text-decoration: none;
	border: 0;
	color: white;
}
a:hover{
	color: #e2a70d;
}
body{
	background-color:white;
	width: 1000px;
}

.hr{
	width: 100%;
	height: 2px;
	background-color: white;

}

.sombra {text-shadow: 0px 2px 2px #000;
	 }



/*----------------slider------------------*/  
/*----------------slider------------------*/
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner{
	width: 100%;
}

.dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  text-align: center;
}


.dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 10px 15px;
  text-indent: -999em;
  background: red;
  cursor: pointer;
  opacity: .4;
  border-radius: 360px;

  
}
.dots li.active {
  opacity: 1;
  background: red;
  transition:1s;
}
.arrows .prev , .arrows .next{
	width: 60px;
    height: 60px;
    top: 125px;
    position: absolute;
    color:rgba(0,0,0,0);
    background-size: 100%;
   	opacity: .5;
    cursor: pointer;
}

.arrows .prev:hover , .arrows .next:hover{
    opacity:1;
    transition:1s;

}

.arrows .prev {
    left: 0px;
    background-image: url(../img/arrow-left.jpg);
}
.arrows .next {
    left:940px;
    background-image: url(../img/arrow-right.jpg);
}



.bg-fondo1{
	background-image: url(../img/fondo1.jpg);
	background-position: 0px 0px;
}
.bg-fondo2{
	background-image: url(../img/fondo2.jpg);

}
.bg-fondo3{
	background-image: url(../img/fondo3.jpg);

}
.bg-fondo4{
	background-image: url(../img/fondo4.jpg);

}
.bg-fondo5{
	background-image: url(../img/header_patricia_home_W_3.gif);

}
.bg-fondo6{
	background-image: url(../img/fondo6.jpg);

}
.bg-fondo7{
	background-image: url(../img/fondo7.jpg);

}
.bg-fondo8{
	background-image: url(../img/fondo8.jpg);

}
.bg-fondo9{
	background-image: url(../img/fondo9.jpg);

}
.bg-fondo10{
	background-image: url(../img/fondo10.jpg);

}
.sprite {
	background:#000 url(../img/imagen.png) repeat-y; 
	background-size: cover;
}

.btn-vivo{
	width: 250px;
}

/*-----ANCHOS------*/
.ancho-total{
	width: 1000px;
}
.alto-350px{
	height: 350px;
}
.padding-left-90px{
	padding-left: 0px;
}
.padding-top-250px{
	padding-top: 135px;
}

.padding-top-5px{
	padding-top: 5px;
}

/*--------BACKGROUNDS----------*/
.bg-black{
	background-color: #000;
}
.bg-blanco{
	background-color:#fbf9d0;
}

.text-center{
	text-align: center;
}


/*-----------------------COLOR------------------------*/
/*-----------------------COLOR------------------------*/
.color-black{
	color: #000;
}
.color-white{
	color: #FFF;
}
.color-red{
	color: red;
}
.color-gray{
	color:#6d6d6d;
}


/*----------FAMILIAS TIPOGRAFICAS-------*/
/*----------FAMILIAS TIPOGRAFICAS-------*/
.titillium{
	font-family: 'Titillium Web', sans-serif;
	text-decoration: none;
}
.roboto{
font-family: 'Roboto Condensed', sans-serif;
}
/*----------FAMILIAS TIPOGRAFICAS-------*/
/*----------FAMILIAS TIPOGRAFICAS-------*/






/*--------TAMAÑOS TIPOGRAFICOS------------*/
/*--------TAMAÑOS TIPOGRAFICOS------------*/

.big-title{
	font-size: 3em;
}
.medium-title{
	font-size: 2em;
}
.title{
	font-size: 1.5em;
}
.little-title{
	font-size: 1em;
}
.bold{
	font-weight: 700;
}
.normal{
	font-weight: 400;
}
.thin{
	font-weight: 100;
}
.italic{
	font-style: italic;
}
.inline{
	display: inline-block;
}
.block{
	display: block;
}




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

body{
	width: 100%;
}

.banner{
	width: ;
	overflow: hidden;
}
.ancho-total{
	width: 100%;
}
.alto-350px{
	height: 300px;
}
.arrows .prev , .arrows .next{
	width: 50px;
    height: 50px;
    top: 140px;
}
.arrows .next {
    left:750px;
}
.padding-top-250px{
	padding-top: 15px;
}

.padding-left-90px{
	padding-left: 0px;
}

.bg-fondo1,.bg-fondo2,.bg-fondo2,.bg-fondo4,.bg-fondo5{
	background-position: -30px 0px;
	background-size: cover;
}


}

@media only screen and (max-width: 768px) {
.banner{
	width: 768px;
	overflow: hidden;
}
.ancho-total{
	width: 768px;
}
.alto-350px{
	height: 300px;
}
.arrows .prev , .arrows .next{
    top: 140px;
}
.arrows .next {
    left:720px;
}




}


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


.banner{
	width: 640px;
	overflow: hidden;
}
.ancho-total{
	width: 640px;
}
.alto-350px{
	height: 300px;
}
.arrows .prev , .arrows .next{
    top: 140px;
}
.arrows .next {
    left:590px;
}

.big-title{
	font-size: 2em;
}




}



@media only screen and (max-width: 480px) {
.banner{
	width: 480px;
}
.ancho-total{
	width: 480px;
}
.alto-350px{
	height: 150px;
}
.arrows .prev , .arrows .next{
    top: 90px;
}
.arrows .next {
    left:429px;
}

.padding-top-250px{
	padding-top: 10px;
}
.padding-left-90px{
	padding-left: 50px;
}
.big-title{
	font-size: 1.5em;
}

.title{
	font-size: 1em;
}


}





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


.banner{
	width: 360px;
}
.ancho-total{
	width: 360px;
}
.alto-350px{
	height: 200px;
}
.arrows .prev , .arrows .next{
	width: 40px;
    height: 40px;
    top: 90px;
}
.arrows .next {
    left:320px;
}




}




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


.banner{
	width: 320px;
}
.ancho-total{
	width: 320px;
}
.alto-350px{
	height: 200px;
}
.arrows .prev , .arrows .next{
    top: 160px;
}
.arrows .next {
    left:280px;
}

.btn-vivo{
	width: 200px;
}


.bg-fondo1{
	background-position: 0px 0px;
	background-size: cover;
}





}