@media screen and (max-width: 700px) {
.principal {
width: 280px;
}
#primero .principal {
height: 610px;
}
#segundo .principal {
height: 1700px;
}
#tercero .principal {
height: 900px;
}
#cuarto .principal {
height: 550px;
}
.principal img.foto, #slider, .textos_8 {
border: 5px solid #fff;
-webkit-box-shadow: 4px 4px 3px 0px rgba(0, 5, 0, 0.2);
-moz-box-shadow:    4px 4px 3px 0px rgba(0, 5, 0, 0.2);
box-shadow:         4px 4px 3px 0px rgba(0, 5, 0, 0.2);
}
.principal p {
font-size: 1.7em;
line-height: 1.2em;
}
#menu {
position: fixed;
z-index: 500;
width: 50px;
right: 0;
height: 48px;
padding-top: 12px;
padding-left: 12px;
-moz-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
z-index: 999;
}
#menu a {
display: block;
}
.menu_items_r {
top: 0;
display: none;
position: absolute;
right: 75px;
text-align: right;
width: 700px;
z-index: 999;
}
.menu_items_r a {
background: #fff;
padding: 5px;
display: block;
-moz-border-radius: 0 7px 7px 0;
border-radius: 0 7px 7px 0;
margin-bottom: .5em;
-webkit-box-shadow: 0px 7px 5px 0px rgba(0, 5, 0, 0.2);
-moz-box-shadow:    0px 7px 5px 0px rgba(0, 5, 0, 0.2);
box-shadow:         0px 7px 5px 0px rgba(0, 5, 0, 0.2);
}
#menu .menu_items_r a:hover {
background: #000;
color: #FFF;
}
#menu .menu_items_r a.subirhome {
position: static;
}
.menu_responsive {
display: block;
position: relative;
z-index: 999;
}
.lanzamenu {
width: 37px;
height: 37px;
display: block;
background: url(img/menu.png);
cursor: pointer;
cursor: hand;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
z-index: 888;
}
#primero {
background: #bd2029;
}
#segundo {
background: #f7b331;
}
#tercero {
background: #4f833c;
}
#segundo p {
color: #9b6624;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h1 {
font: 2.3em/1.1em 'alegreyabold';
}
#primero p, #segundo p, #tercero p, #cuarto p, h1 {
width: 240px;
}
.foto {
width: 230px;
}
/*---------------------------------------------------------*/
.logo_1 {
top: 20px;
left: 20px;
width: 163px;
}
#slider {
left: 15px;
top: 160px;
width: 230px;
overflow: hidden;
}
.foto_2 {
display: none;
}
.textos_1 {
left: 20px;
top: 370px;
}
.textos_1bis {
left: 0;
right: 0;
top: 425px;
}
#segundo .textos_1bis p {
width: 100%;
font-size: 2.5em;
font-weight: bold;
}
.textos_1bis a {
color: #bd7b2a;
text-decoration: none;
font-size: .7em;
}
.textos_1bis a:hover {
color: #fff;
}
.foto_3 {
display: none;
}
.foto_4 {
left: 190px;
top: 520px;
width: 80px;
z-index: 500;
}
/*---------------------------------------------------------*/
.foto_5 {
left: -20px;
top: 645px;
width: 90px;
z-index: 500;
}
.foto_6 {
left: 15px;
top: -60px;
}
.foto_7 {
display: none;
}
.logo_2 {
display: none;
}
.textos_2 {
left: 20px;
top: 145px;
width: 200px;
}
.foto_8 {
left: 15px;
top: 470px;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.textos_3 {
left: 70px;
top: 670px;
}
.textos_3 h1, #segundo .textos_4 p {
width: 180px;
}
.textos_4 {
left: 70px;
top: 710px;
width: 180px;
}
.textos_5 {
left: 20px;
top: 1130px;
width: 240px;
}
.foto_9 {
left: 15px;
top: 925px;
}
.foto_10 {
left: 120px;
top: 1280px;
width: 130px;
}
.foto_11 {
display: none;
}
.foto_12 {
left: 15px;
top: 1372px;
width: 177px;
}
.foto_13 {
left: 180px;
top: 1510px;
width: 100px;
}
.foto_14 {
left: 20px;
top: 1630px;
width: 120px;
}
.textos_6 {
left: 20px;
top: 1535px;
width: 125px;
}
#segundo .textos_6 p {
width: 125px;
}
/*----------------------------------------------------*/
.foto_15 {
left: 20px;
top: 50px;
width: 240px;
}
.textos_7 {
left: 20px;
top: 30px;
width: 195px;
}
.textos_7 p {
position: relative;
top: 490px;
}
.foto_16 {
display: none;
}
.textos_8 {
left: 15px;
top: 340px;
width: 240px;
height: 190px;
}
.textos_9 {
left: 20px;
top: 700px;
}
.textos_10 {
left: 20px;
top: 850px;
}
.textos_10 a {
text-decoration: none;
color: #d8d6d7;
font-size: .7em;
}
/*-------------------------------------------------------*/
.logo_3 {
left: 160px;
top: -60px;
width: 100px;
}
.textos_11 {
left: 20px;
top: 50px;
background: url(img/zigzag.png) repeat-x 0 30px;
display: block;
width: 240px;
padding-bottom: 20px;
text-align: right;
}
.attachment-post-thumbnail {
left: 20px;
top: 120px;
width: 230px;
}
.textos_12 {
left: 20px;
top: 320px;
}
.textos_12 h2 {
font-size: 2.1em;
}
/*---------------------------------------------------------*/
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 701px) and  (max-width: 1000px) {

.principal {
width: 680px;
}
#primero .principal {
height: 780px;
}
#segundo .principal {
height: 1200px;
}
#tercero .principal {
height: 640px;
}
#cuarto .principal {
height: 360px;
}
.principal img.foto, #slider, .textos_8 {
border: 6px solid #fff;
}
.principal p {
font-size: 1.6em;
line-height: 1.2em;
}
h1 {
font: 2.3em/1.1em 'alegreyabold';
}
#menu {
font: 1.15em 'alegreyabold';
}
#menu a.subirhome {
left: 50px;
}
.menu_items {
width: 600px;
padding-left: 130px;
}
.subir {
left: 670px;
}

/*---------------------------------------------------------*/
.logo_1 {
top: 120px;
left: 20px;
width: 150px;
}
#slider {
position: absolute;
background: #fff;
left: 186px;
top: 82px;
width: 466px;
}
.foto_2 {
left: 87px;
top: 368px;
width: 180px;
}
.textos_1 {
left: 330px;
top: 490px;
width: 300px;
}
.textos_1 p {
width: 280px;
}
.textos_1bis {
left: 0;
right: 0;
top: 190px;
}
.textos_1bis a {
color: #bd7b2a;
text-decoration: none;
font-size: .7em;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}
.textos_1bis a:hover {
color: #fff;
}
.foto_3 {
left: 450px;
top: 650px;
width: 200px;
}
.foto_4 {
left: 550px;
top: 600px;
width: 100px;
}
/*---------------------------------------------------------*/
.foto_5 {
left: 25px;
top: -65px;
width: 125px;
}
.foto_6 {
left: 122px;
top: -60px;
width: 270px;
}
.foto_7 {
left: 20px;
top: 100px;
width: 160px;
-ms-transform: rotate(-5deg); /* IE 9 */
-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
transform: rotate(-5deg);
}
.logo_2 {
left: 262px;
top: 230px;
width: 130px;
}
.textos_2 {
left: 455px;
top: 57px;
width: 210px;
}
.foto_8 {
left: 388px;
top: 354px;
width: 260px;
-ms-transform: rotate(1deg); /* IE 9 */
-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
transform: rotate(1deg);
}
.textos_3 {
left: 36px;
top: 400px;
width: 160px;
}
.textos_4 {
left: 149px;
top: 405px;
width: 200px;
}
.textos_5 {
left: 473px;
top: 598px;
width: 180px;
}
.foto_9 {
top: 583px;
left: 20px;
width: 396px;
}
.foto_10 {
left: 463px;
top: 790px;
width: 180px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
}
.foto_11 {
left: 260px;
top: 858px;
width: 230px;
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
}
.foto_12 {
left: 42px;
top: 962px;
width: 170px;
}
.foto_13 {
left: 541px;
top: 974px;
width: 110px;
}
.foto_14 {
left: 405px;
top: 1110px;
width: 120px;
}
.textos_6 {
left: 259px;
top: 1090px;
width: 120px;
}
/*----------------------------------------------------*/
.foto_15 {
left: 20px;
top: 25px;
width: 220px;
}
.textos_7 {
left: 280px;
top: 38px;
width: 180px;
}
.foto_16 {
left: 480px;
top: 71px;
width: 170px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
}
.textos_8 {
left: 20px;
top: 320px;
width: 370px;
height: 240px;
}
.textos_9 {
left: 445px;
top: 323px;
}
.textos_10 {
left: 445px;
top: 500px;
}
.textos_10 a {
text-decoration: none;
color: #d8d6d7;
font-size: .7em;
}
/*-------------------------------------------------------*/
.logo_3 {
left: 502px;
top: -80px;
width: 110px;
}
.textos_11 {
left: 20px;
top: 50px;
background: url(img/zigzag.png) repeat-x 0 40px;
display: block;
width: 640px;
min-height: 50px;
padding-bottom: 20px;
}
.attachment-post-thumbnail {
left: 20px;
top: 130px;
width: 200px;
}
.textos_12 {
left: 275px;
top: 140px;
}
.textos_12 h2 {
font-size: 1.8em;
}
}