body{
	overflow: scroll;
	counter-reset:section;
}
body li .item{
	list-style: none;
}
#contenido {
    height:50%;
    width:75%;
    margin:auto;
    margin-top:125px;  
}

.signature{
    margin-top: 30px;
	border-radius: 15px;
	/*border: 1px solid grey;*/
	width: 150px;
	height: 193px;
	margin-right: 110px;
    box-shadow: 0px 0px 12px #666;
}


#cinco{
    margin-left: 46%;
    background-image: url('../cubiertas/ingles5h.jpg');
    background-repeat: no-repeat;
    background-size: contain; 
}

#cinco:hover{
    background-image: url('../cubiertas/ingles5h_hover.jpg');
    background-repeat: no-repeat;
    background-size: contain; 
}

.romper {   
    clear:both;
}
.foter {
    margin-top:2%;
    border-top: 2px solid #008AC9;
    border-bottom: 2px solid #008AC9;
    width:75%;
    padding:5px;
    margin:auto; 
    text-align:center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -480px;
    
    font-weight:bold;
}

#link {
    width:100%;
    height:100%;
    background:blue;
}
.imagen1 {
    float:left;
    width:40%;
   /* margin-left:8%;*/
}
.imagen2 {
    float:left;
    width:40%;
    margin-left:15%;
}
.imagen2 img {
    width:105%;  
    margin-bottom:3%;
}
.imagen1 img {
    width:105%;   
    margin-bottom:3%;
}
.imagen2 h3 {
    text-align:center;
    font-size:40px;
    margin-bottom:6%;
    color: #1CBAFF;
    font-family: 'Helvetica' sans-serif;
    text-shadow: 0px 0px 1px #000;
}
.imagen1 h3 {
    text-align:center;
    font-size:40px;
    margin-bottom:6%;
    color: #1CBAFF;
    font-family: 'Helvetica' sans-serif;
    text-shadow: 0px 0px 1px #000;
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	#sol{
		height: 340px;
	}
    #contenido{
        font-size:30px!important;
    }
	#contents {
		margin-bottom:100px;
		margin-left:auto;
		margin-right:auto;
		height:420px;
		padding: 0 2%;
	}
}
@media only screen 
and (min-width : 470px) 
and (max-width : 810px) 
and (orientation : landscape) {
	#sol{
		height: 340px;
	}
    h3{
        font-size:5px!important;
    }
    
	#contents {
		margin-bottom:100px;
		margin-left:auto;
		margin-right:auto;
		height:420px;
		padding: 0 2%;
	}
}

@media only screen 
and (min-width : 700px) 
and (max-width : 1095px) 
and (orientation : landscape) {
	#sol{
		height: 340px;
	}
    h3{
        font-size:10px!important;
    }
	#contents {
		margin-bottom:100px;
		margin-left:auto;
		margin-right:auto;
		height:420px;
		padding: 0 2%;
	}
}

@media only screen 
and (min-width : 10px) 
and (max-width : 400px) 
and (orientation : portrait) {
	#sol{
		height: 340px;
	}
    header {
        font-size:4px;
    }
    h3{
        font-size:2px!important;
    }
	.foter {
		font-size:7px;
	}
    .videoimg a img{
        width:50% !important;
    }
}
@media only screen 
and (min-width : 400px) 
and (max-width : 470px) 
and (orientation : portrait) {
	#sol{
		height: 340px;
	}
    header {
        font-size:7px;
    }
    h3{
        font-size:2px!important;
    }
	.foter {
		font-size:10px;
	}
    .videoimg a img{
        width:70% !important;
    }
}

@media only screen 
and (min-width : 470px) 
and (max-width : 600px) 
and (orientation : portrait) {
	
    header {
        font-size:10px;
    }
    h3{
        font-size:15px!important;
    }
	.foter {
		font-size:10px;
	}
}

@media only screen 
and (min-width : 450px) 
and (max-width : 750px) 
and (orientation : portrait) {
	#sol{
		height: 340px;
	}
    h1{
        font-size:10px;
    }
    h3{
        font-size:5px!important;
    }
	#contents {
		margin-bottom:100px;
		margin-left:auto;
		margin-right:auto;
		height:420px;
		padding: 0 2%;
	}
}

@media only screen 
and (min-device-width : 10px) 
and (max-device-width : 800px) 
and (orientation : landscape)
    {
    .superior {
        width:50% !important;
    }
    
    h3{
        font-size:8px !important;
    }
}
@media only screen 
and (min-device-width : 10px) 
and (max-device-width : 470px) 
and (orientation : landscape)
    {
    h3{
        font-size:15px !important;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
		#sol{
		height: 590px;
	}
     h3{
        font-size:30px!important;
    }
	#contents {
		margin-bottom:100px;
		margin-left:auto;
		margin-right:auto;
		height:815px;
		padding: 0 2%;
	}
}

.ui-sortable-helper{
	box-shadow: 0px 0px 3px 0px rgba(66, 133, 131, 0.75);
		-moz-box-shadow: 0px 0px 3px 0px rgba(66, 133, 131, 0.75);
		-webkit-box-shadow: 0px 0px 3px 0px rgba(66, 133, 131, 0.75);		  	
}

#superior{
    max-width: 1024px;
    width: 90%;
    
    margin: 0 auto 0 auto;
   
    overflow: hidden;
    text-align: center;
}
#inferior{
    max-width: 1024px;
    width: 90%;    
    margin: 0 auto 0 auto;
  
 overflow: hidden;
 text-align: center;
}
#propuesta {
    width:12%;
    margin-right:5.2%;
}
#libros {
    width:12%;
}

#book4{    
     margin-left:3.5%;
     margin-right:3%;
}
#book3{    
     margin-left:2.5%;
   
   
}
#book5{    
     margin-right:5%;
     margin-left:2.5%;
   
}
.sub {
    width:100%;
}
.sub img {
    float:left;
    margin-left:1%;   
    width:10%;
    margin-top:2%;
}
#valenciano{
    width:20%; 
    text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
    border-radius:5px;
    float:left;
    margin-top:2%;
    margin-left:19%;
    margin-right:1%;
   
}
#balear{
    width:10%;
     text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
     border-radius:5px;
    float:left;
    margin-top:2%;
    margin-right:2%;
    
  
}
#gallego{
    width:10%;
     text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
     border-radius:5px;
    float:left;
    margin-top:2%;
    margin-right:2%;
    
    
}

#english{
    width:15%;
     text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
     border-radius:5px;
    float:left;
    margin-top:2%;
    
    
}

.videoimg{
    margin: 0 auto;
    margin-bottom: 5px;
}

.videoimg img{
    margin: 0 auto;
    width: 300px;
}

.cubiertas1_1 img{
    margin-left:9%;
    margin-top:13%;
    width:20%;
    border-radius: 10px;
    box-shadow: #666 0px 0px 8px;
}

.cubiertas1_1{
    width:100%;
    text-align:center;
    margin-bottom:4%;
}
.cubiertas1_1 h3{
     width:98%;
    text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
     border-radius:5px;
}
.cubiertas1{
    width: 100%;    
    float:left;
}
.cubiertas2{
    width: 30%;    
    background-color: white;
    float:left;
}
.cubiertas2 img {
    margin-left:1%;
    margin-top:7%;
    width:51%;border-radius: 10px;
    box-shadow: 0px 0px 8px #666;
}
.cubiertas2 h3{
    width:75%;
    text-align:center;
    border: 3px solid #f09f4d;
    background: #fbebdb;
    color: #267fbb;
    font-size:1em;
    padding:5px;
    margin-left:10%;
    border-radius:5px;
}


.signature{
	float:left;
    margin-bottom:3%;
}

.romper{
	clear: left;
}

ul{
	margin: -50px 0px 75px 0px;
	list-style: none;
    width:90%;
}

.signature{
	border-radius: 15px;
	/*border: 1px solid grey;*/
	width: 150px;
	height: 192px;
	margin-right: 30px;
    box-shadow: #666 0px 0px 12px;
    margin-bottom: 20px;
}
.signature:hover{
	box-shadow: #6ddd65 0px 0px 10px;
}

#mate{
	background-image: url(../cubiertas/mates5.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#mate:hover{
	background-image: url(../cubiertas/mate3_hover.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

#lengua{
	background-image: url(../cubiertas/lengua3.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#lengua:hover{
	background-image: url(../cubiertas/lengua3_hover.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

#ccss{
	background-image: url(../cubiertas/ccss3.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#ccss:hover{
	background-image: url(../cubiertas/ccss3_hover_b.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

#ccnn{
	background-image: url(../cubiertas/ccnn5.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#ccnn:hover{
	background-image: url(../cubiertas/ccnn5_hover.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}