article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0}
h2{font-size:1.5em;margin:0}
h3{font-size:1.17em;margin:0}
h4{font-size:1em;margin:0}
h5{font-size:.83em;margin:0}
h6{font-size:.75em;margin:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dd{margin:0}
menu,ol,ul{padding:0}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;white-space:normal;margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure,form{margin:0}
p,pre,dl,menu,ol,ul{margin:1em 0}
@CHARSET "UTF-8";

/** EMPRESA CSS Document **/
@font-face {
    font-family: 'StagSans';
    src: url('fonts/StagSansBook.eot');
    src: url('fonts/StagSansBook.eot') format('embedded-opentype'),
         url('fonts/StagSansBook.woff2') format('woff2'),
         url('fonts/StagSansBook.woff') format('woff'),
         url('fonts/StagSansBook.ttf') format('truetype'),
         url('fonts/StagSansBook.svg#StagSansBook') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: 'StagSans';
    src: url('fonts/StagSansLight.eot');
    src: url('fonts/StagSansLight.eot') format('embedded-opentype'),
         url('fonts/StagSansLight.woff2') format('woff2'),
         url('fonts/StagSansLight.woff') format('woff'),
         url('fonts/StagSansLight.ttf') format('truetype'),
         url('fonts/StagSansLight.svg#StagSansLight') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'StagSans';
    src: url('fonts/StagSansSemibold.eot');
    src: url('fonts/StagSansSemibold.eot') format('embedded-opentype'),
         url('fonts/StagSansSemibold.woff2') format('woff2'),
         url('fonts/StagSansSemibold.woff') format('woff'),
         url('fonts/StagSansSemibold.ttf') format('truetype'),
         url('fonts/StagSansSemibold.svg#StagSansSemibold') format('svg');
    font-weight: 500;
}

/** COLORES **/
.triangulo-strong{
    width:0px;
    height:0px;
    border-bottom:70px solid transparent;  /* izquierda flecha */
    border-top:70px solid transparent; /* derecha flecha */
    border-left:70px solid #23a69a; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
    position: absolute;
    bottom: -46px;
    right: -11px;
}
.triangulo-weak{
    width:0px;
    height:0px;
    border-bottom:70px solid transparent;  /* izquierda flecha */
    border-top:70px solid transparent; /* derecha flecha */
    border-left:70px solid #f2f2f2; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
    position: absolute;
    bottom: -46px;
    right: -11px;
}
/** DIMENSIONES DE IMAGENES **/


/** GENERAL **/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

li {
	list-style-position: inside;
}

a {
	color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

input, select, textarea {
	font-family: inherit;
}

textarea {
	resize: vertical;
}

:focus {
	outline: 0;
}

iframe {
	border: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: StagSans;
	font-weight: 500;
}

h1 {
	text-transform: uppercase;
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

.highlight {
	font-weight: bolder;
}

.bigger {
	font-size: 1.2em;
}

.smaller {
	font-size: 0.8em;
}

.coloured {
	color: #9b0000;
}

.hidden {
	display: none;
}

/** ENCUADRE **/
.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* Responsive web margin */
.grid2 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0 2%;
}

.grid3 {
	display: inline-block;
	vertical-align: top;
	width: 32.3%;
	margin-left: 1%;
}

.grid23 {
	display: inline-block;
	vertical-align: top;
	width: 65.7%;
	margin: 0 1%;
}

.grid4 {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin-left: 1%;
}

.grid34 {
	display: inline-block;
	vertical-align: top;
	width: 74%;
	margin-left: 1%;
}

.first {
	margin-left: 0 !important;
}

.last {
	margin-right: 0 !important;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.textjustify {
	text-align: justify;
}

.valign {
	display: inline-block;
	width: 1px;
	vertical-align: middle;
	height: 100%;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

figure img {
	width: 100%;
	display: block;
}

.google-maps {
	position: relative;
	padding-bottom: 35%; /*This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	 position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.interior {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

body {
	font-family: StagSans, Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	background: #fff;
}
body p{
	line-height: 22px;
}
/** LAYOUT **/
#container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

header {
	clear: both;
	overflow: hidden;
}

#content {
	clear: both;
	overflow-x: hidden;
}

footer {
	clear: both;
	background-color: #23a69a;
	border-top: solid 10px #f2f2f2;
}

/** HEADER **/
.pre-menu{
	background-color: #465a64;
}
.pre-menu p{
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	margin: 9px 0 9px 10px;
}
.pre-menu p span{
	font-weight: 500;
}
.pre-menu figure{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-right: 10px;
	margin-top: 7px;
}

/** MENU **/
.isStuck {
	width: 100%;
	position: fixed;
	top:0px;
	text-align: center;
	z-index: 999;
	background-color: #fff;
}
.menu-logo{
	text-align: left;
}
.logo{
	width: 30%;
	max-width: 300px;
	display: inline-block;
	vertical-align: middle;
}
#menu{
	width: 70%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
#menu li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

#menu li a {
	display: block;
    padding: 3px 3px 0 3px;
    margin: 2px 5px 0 5px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #23a69a;
	text-decoration: none;
}

#menu li a:hover, #menu li a.active {
	color: #465a64;
}


/** FOOTER **/
footer .interior{
	background: url(../images/back-footer.svg) no-repeat center right;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
footer .izquierda, footer .derecha{
	display: inline-block;
	vertical-align: bottom;
	width: 49%;
	margin: 0 1%;
	padding-bottom: 20px;
}
footer .izquierda{
	text-align: left;
	padding-left: 1%;
}
footer .izquierda .logo-prodepuebla{
	width: 90%;
	max-width: 100px;
	margin: 20px auto 30px 0;
}
footer .izquierda .logo-ayuntamiento{
	width: 90%;
	max-width: 250px;
}
footer .derecha{
	text-align: right;
	padding-right: 1%;
}
footer .derecha .rrss{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
footer .derecha p{
	color: #fff;
}
footer .derecha p span{
	font-weight: 500;
}
footer .aviso{
	background-color: #465A64;
	padding: 10px 0 7px 0;
}
footer .aviso p{
	color: #fff;
	margin: 0;
}
/** CONTENT **/

.back-white-special{
	background: url(../images/back-white.png) no-repeat bottom right;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.back-white{
	background-color: rgba(255,255,255,0.85);
	position: relative;
}
.banner{
	position: relative;
}
.banner figure img.banner-principal{
	display: block;
}
.banner .texto-flotante{
	position: absolute;
	top: 10%;
	left: 40%;
	width: 300px;
	margin-left: -300px;
	padding: 30px 20px;
	text-align: left;
}
.banner .texto-flotante h2{
	font-size: 26px;
	font-weight: 300;
	border-bottom: solid 1px #333;
}
.banner .texto-flotante h2 span{
	color: #23a69a;
	font-weight: 500;
}
.banner .logo-plan {
	position: absolute;
    top: 30%;
    right: 45%;
    margin-right: -400px;
    width: 400px;
}
.separador{
	background-color: #465a64; 
}
.separador figure{
	width: 30px;
	padding: 7px 0 5px 0;
	margin: 0 auto;
}
.seccion{
	padding: 50px 1%;
}
#seccion1, #seccion3{
	background-color: #f2f2f2
}
.titulo-separador {
	text-align: left;
	margin-bottom: 50px;
}
.titulo-separador img, .titulo-separador h1, .titulo-separador h2{
	display: inline-block;
	vertical-align: middle;
}
.titulo-separador img{
	width: 50px;
}
.titulo-separador h1{
	font-weight: 300;
	color: #23a69a;
	font-size: 36px;
}
.titulo-separador.white h1{
	color: #fff;
}
.titulo-separador h2{
	font-weight: 400;
	color: #23a69a;
	font-size: 24px;
}
.seccion .grid2{
	margin-bottom: 50px;
	text-align: left;
}
.seccion .grid2 .back-white{
	padding: 40px 40px;
}
.seccion .grid2 h2{
	color: #23a69a;
	font-weight: 400;
	font-family: 30px;
	border-bottom: solid 1px #23a69a;
	margin-bottom: 20px;
}
#seccion1 video{
	height: 100%;
	width: 100%;
	cursor: pointer;
	background:transparent url('../images/poster-video.jpg') no-repeat center center; 
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
} 
#seccion2{
	background-color: #23a69a;
}
#seccion2 .grid2{
	width: 40%;
	margin: 0 2%;
}
#seccion2 .back-white{
	margin-bottom: 30px;
}
#seccion2 .cuadro{
	background-color: #465a64;
	text-align: center;
	width: 47%;
	margin: 0 3%;
}
#seccion2 .cuadro figure{
	width: 40%;
	margin: 50px auto 27px auto;
}
#seccion2 .cuadro h3{
	font-weight: 300;
	font-size: 21px;
	color: #fff;
	margin-bottom: 50px;
}
#seccion3 h2{
	font-size: 30px;
	color: #23a69a;
	font-weight: 400;
	padding-bottom: 5px;
	border-bottom: solid 1px #23a69a;
	margin-bottom: 15px; 
	text-align: left;
}
#seccion3 .contenido3{
	padding: 50px 3%;
}
#seccion3 .diagnostico{
	background-color: #465a64;
	text-align: center;
	margin-bottom: 20px;
}
#seccion3 .diagnostico figure{
	width: 40%;
	margin: 0 auto;
	padding: 25% 0;
}
#seccion3 .grid23 p{
	padding: 0 25px;
	text-align: left;
}
.readmore {
	margin: 10px 0;
	text-align: right;
}

.readmore a {
	display: inline-block;
	padding: 3px 5px;
	background: #9b0000;
	color: #fff;
}

.readmore a:hover {
	background: #fff;
	color: #9b0000;
}

.modulo {
	background: #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	margin: 10px;
	text-align: justify;
	overflow: hidden;
}

.social a.facebook {
	background: url(../images/icon-facebook.png) 0 0 no-repeat;
}

.social a.facebook:hover {
	background: url(../images/icon-facebook-hover.png) 0 0 no-repeat;
}

.social a.twitter {
	background: url(../images/icon-twitter.png) 0 0 no-repeat;
}

.social a.twitter:hover {
	background: url(../images/icon-twitter-hover.png) 0 0 no-repeat;
}

.social a.google {
	background: url(../images/icon-google.png) 0 0 no-repeat;
}

.social a.google:hover {
	background: url(../images/icon-google-hover.png) 0 0 no-repeat;
}

.social a.linkedin {
	background: url(../images/icon-linkedin.png) 0 0 no-repeat;
}

.social a.linkedin:hover {
	background: url(../images/icon-linkedin-hover.png) 0 0 no-repeat;
}


/** NOTICIAS **/
.noticias {
	text-align: justify;
	margin: 15px 0;
}

.noticias article {
	padding: 20px 0;
	border-bottom: 1px solid #9b0000;
}

.noticias article figure {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.noticias article .text {
	display: inline-block;
	width: 600px;
	vertical-align: top;
	text-align: justify;
	background: #fafafa;
	padding: 30px;
	padding-top: 0;
}

.noticias article .text h3 {
	text-transform: uppercase;
	background: #eaeaea;
	width: 510px;
	padding: 10px 30px;
	margin-left: -30px;
}

.noticias button {
	float: right;
	color: #fff;
	font-size: 0.8em;
	padding: 3px 5px;
	border: 0;	
}

.paging {
	margin: 20px 0;
	text-align: center;
	width: 100%;
	font-size: 1.2em;
}

.paging .active {
	color: #9b0000;
}


/** CONTACT **/
.contact_form {
	padding: 0 1%;
	text-align: left;
}
.contact_form h3{
	font-size: 20px;
	color: #23a69a;
	font-weight: 500;
	margin-top: 25px; 
}
.contact_form p.subtitulo{ 
	font-size: 16px;
	margin-top: 5px;
}
.contact_form .valoraciones .valoracion{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 5px 1%;
	font-size: 16px;
}
.contact_form .valoraciones .valoracion input{
	width: 45px;
	display: inline-block;
	vertical-align: middle;
	border: solid 2px #23a69a;
	padding: 6px 10px 4px 10px;
	margin-right: 10px;
	text-align: center;
}
.contact_form .grid2{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 7px 1%;
}
.contact_form input,.contact_form select,.contact_form textarea {
	width: 100%;
	color: #23a69a;
	font-size: 21px;
	font-weight: 400;
	padding: 10px 15px;
	background: #E9F6F5;
	margin: 7px 0;
	text-align: left;
	border: 0;
}

.contact_form textarea {
	height: 150px;
}

.contact_form label {
	display: block;
}

.contact_form .contactbutton {
	width: 100%;
    text-align: center;
}

.contact_form input[type=submit], .contact_form input[type=reset], .contact_form input[type=button], .contact_form button {
	margin: 0;
	width: 33%;
	text-align: center;
	background-color: transparent;
	border: solid 1px #23a69a;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.contact_form input[type=submit]:hover, .contact_form input[type=reset]:hover, .contact_form input[type=button]:hover, .contact_form button:hover {
	color: #fff;
	background-color: #23a69a;
	border: solid 1px #23a69a;
}

.contact_form ::-webkit-input-placeholder { color: #23a69a; font-weight: 300} /* WebKit */
.contact_form :-moz-placeholder { color: #23a69a; font-weight: 300} /* Firefox 18- */
.contact_form ::-moz-placeholder { color: #23a69a; font-weight: 300} /* Firefox 19+ */
.contact_form :-ms-input-placeholder { color: #23a69a; font-weight: 300} /* IE 10+ */
.envio {
	color: #23a69a;
	margin: 1% 0;
}


/** AVISO LEGAL **/
.aviso-legal {
	text-align: left;
	margin: 0;
	padding: 2% 0;
}

.aviso-legal h1, .aviso-legal h2 {
	margin: 0 2%;
} 

.aviso-legal p {
	margin: 2%;
}

.aviso-legal li {
	margin: 2% 2% 0 3%;
}


/** ADMIN **/
.login {
	padding: 50px;
}

.login label, #admin_content label {
	display: block;
	width: 300px;
	text-align: left;
	margin: 0 auto;
}

.login input, #admin_content input, #admin_content textarea {
	display: block;
	width: 300px;
	margin-bottom: 15px;
	border: 0;
	margin: 0 auto;
}

.login input[type=submit], #admin_content input[type=submit] {
	display: block;
	width: 300px;
	margin: 0 auto;
	background: #9b0000;
	color: #fff;
	margin-top: 15px;
}

.login input[type=submit]:hover, #admin_content input[type=submit]:hover {
	background: #a70000;
}

#admin_content aside {
	margin-top: 2%;
}

#admin_content aside a {
	display: block;
	margin: 0 40px 20px 0;
	padding: 10px 30px;
	text-align: center;
	background: #9b0000;
	color: #fff;
}

#admin_content aside a:hover {
	background: #a70000;
}

#admin_content .noticias {
	margin-top: 2%;
}

#admin_content table {
	width: 100%;
}

#admin_content table th {
	background: #9b0000;
	color: rgba(255, 255, 255, 0.8);
	padding: 5px 10px;
}

#admin_content table td {
	min-width: 200px;
	padding: 1%;
	text-align: justify;
}

#admin_content table tr.separator td {
	background: #9b0000;
	padding: 0;
}

#admin_content table td a {
	display: block;
	width: 200px;
	background: #9b0000;
	color: #fff;
	padding: 5px 0;
	margin: 5px 0;
	text-align: center;
}

#admin_content table td a:hover {
	background: #a70000;
}

#admin_content .add_noticia {
	text-align: left;
	margin-top: 2%;
}

#admin_content .add_noticia form label {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin: 1%;
}

#admin_content .add_noticia form input, #admin_content .add_noticia form select, #admin_content .add_noticia form textarea {
	width: 500px;
	padding: 1%;
	margin: 1%;
}

#admin_content .add_noticia form textarea {
	height: 100px;
}

#admin_content .add_noticia form input[type=submit] {
	width: 513px;
}

/** COOKIES */
@keyframes desaparecer {
	0% {bottom:0}
	80%	{bottom:0}
	100% {bottom:-50px}
}
 
@-webkit-keyframes desaparecer { /* Safari and Chrome */
	0% {bottom:0}
	80% {bottom:0}
	100% {bottom:-50px}
}
 
@keyframes aparecer {
	0% {bottom:-38px}
	10%	{bottom:0}
	90%	{bottom:0}
	100% {bottom:-38px}
}
 
@-webkit-keyframes aparecer { /* Safari and Chrome */
	0% {bottom:-38px}
	10% {bottom:0}
	90%	{bottom:0}
	100% {bottom:-38px}
}

#cookiesms1:target {
	display: none;
}

.cookiesms{	
	width: 100%;
	height: 35px;
	margin: 0 auto;
	padding-left: 1%;
	padding-top: 5px;
	font-size: 13px;
	clear: both;
	font-weight: strong;
	color: #333;
	bottom: 0;
	position: fixed;
	left: 0;
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition: bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index: 999;
}
 
.cookiesms:hover{
	bottom:0;
}

.cookies2{
	background-color: #FFF;
	display: inline;
	opacity: 0.95;
	filter: alpha(opacity=95);
	position: absolute; 
	left: 1%; 
	top: -30px;
	font-size: 15px;
	height: 30px;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}



/** MEDIA QUERIES **/
@media screen and (max-width: 920px){
	.banner .texto-flotante {
	    width: 350px;
	    padding: 20px 25px;
	}
	.banner .logo-plan {
	    right: 50%;
	}
}
@media screen and (max-width: 850px){
	.contenido3 .grid3, .contenido3 .grid23{
		width: 100%;
	}
	.contenido3 .diagnostico {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: 0 0.5%;
	}
	.contenido3 .grid23{
		width: 98%;
		margin: 0 auto;
	}
	#seccion3 .grid23 p{
		padding: 0;
	}
	.banner .logo-plan {
		right: 45%;
	    margin-right: -300px;
	    width: 300px;
	}
}
@media screen and (max-width: 800px) {
	#seccion2 .grid2 {
	    width: 46%;
	}
}
@media screen and (max-width: 785px) {
	.banner .texto-flotante {
	    left: 45%;
	}
}
@media screen and (max-width: 745px){
	.contact_form .valoraciones{
		text-align: center;
	}
	.contact_form .valoraciones .valoracion {
	    display: block;
	    text-align: left;
	    width: 335px;
	    margin: 5px auto;
	}
}
@media screen and (max-width: 700px) {
	.seccion .grid2 {
	    width: 98%;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
	body, #menu li a  {
		font-size: 16px;
	}
	body p{
		line-height: 20px;
	}
	.contact_form input, .contact_form select, .contact_form textarea {
	    font-size: 16px;
	}
	.banner .texto-flotante {
	    top: 36%;
	    left: 50%;
	    margin-left: -175px;
	    width: 350px;
	    padding: 20px 25px 20px 25px;
	}
	.banner .logo-plan {
	    top: 7%;
	    right: 50%;
	    margin-right: -200px;
	    width: 400px;
	}
	.titulo-separador h1 {
	    font-size: 32px;
	}
}
@media screen and (max-width: 550px){
	.banner .texto-flotante {
	    display: none;
	}
	.banner .logo-plan {
	    top: 35%;
	}
	#seccion2 .grid2 {
	    width: 96%;
	}
	.contact_form h3 {
	    font-size: 18px;
	}
}
@media screen and (max-width: 500px){
	body, #menu li a   {
		font-size: 14px;
	}
	body p{
		line-height: 18px;
	}
	.pre-menu p {
	    font-size: 14px;
	}
	#seccion2 .cuadro h3 {
	    font-size: 19px;
	}
	.contact_form input, .contact_form select, .contact_form textarea {
	    font-size: 14px;
	}
	.titulo-separador h1 {
	    font-size: 24px;
	}
	.titulo-separador h2 {
	    font-size: 19px;
	}
	.contact_form .valoraciones .valoracion {
	    font-size: 14px;
	    width: 300px;
	}
}
@media screen and (max-width: 430px){
	.banner .logo-plan {
	    right: 50%;
	    margin-right: -140px;
	    width: 280px;
	}
}
@media screen and (max-width: 375px){
	.pre-menu p {
        max-width: 200px;
	    text-align: left;
	}
	.pre-menu figure {
	    margin-top: 13px;
	}
	#menu li a {
	    margin: 2px 0px;
	    font-size: 10px;
	}
	.pre-menu p {
	    font-size: 12px;
	}
	.titulo-separador {
	    margin-bottom: 25px;
	}
	.titulo-separador h1 {
	    font-size: 22px;
	}
	.seccion .grid2 .back-white {
	    padding: 25px 30px;
	}
	.seccion .grid2 h2 {
	    font-size: 16px;
	}
	.contact_form h3 {
	    font-size: 16px;
	}
}
/*@media screen and (max-width: 600px) {
	.grid2 .grid2, .grid3, .grid23, .grid34, .grid34+.grid4 { width: 95%; margin-left: 0 !important; margin-right: 0 !important; padding-left: 2.5% !important; padding-right: 2.5% !important; }
	.grid2, .grid4 { width: 45%; margin-left: 0 !important; margin-right: 0 !important; padding-left: 2.5% !important; padding-right: 2.5% !important; }
}

@media screen and (max-width: 400px) {
	.grid4 { width: 95%; margin-left: 0 !important; margin-right: 0 !important; padding-left: 2.5% !important; padding-right: 2.5% !important; }
}*/