/* 
Funtes
font-family: 'Patua One', cursive; - font-family: 'Roboto', sans-serif;*/

@import url(http://fonts.googleapis.com/css?family=Patua+One);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);

* {margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    transition: 0.8s;}
html{ font-size:  100%;}
a {color: #fff;font-family: 'Roboto', sans-serif;}
button{border: 0; background-color: rgba(255, 255, 255, 0);}



/* ----------------------------------------------- GENERALES----------------------------------------------- */

p {font-size: 0.85rem; color:#5d5d5d }
h1 {font-size: 2.25rem; font-family: 'Patua One';
    -webkit-font-smoothing: antialiased; /* Mac bold issue */
	-moz-font-smoothing: antialiased; /* Mac bold issue */
	-o-font-smoothing: antialiased; /* Mac bold issue */
	-chrome-font-smoothing: antialiased;/* Mac bold issue */
	font-smoothing: antialiased; /* Mac bold issue */
	font-weight: 100;}
h2 {font-size: 1.4rem; font-family: 'Patua One';
    -webkit-font-smoothing: antialiased; /* Mac bold issue */
	-moz-font-smoothing: antialiased; /* Mac bold issue */
	-o-font-smoothing: antialiased; /* Mac bold issue */
	-chrome-font-smoothing: antialiased;/* Mac bold issue */
	font-smoothing: antialiased; /* Mac bold issue */
	font-weight: 100;}
h3 {font-size: 1rem; font-family: 'Patua One';
    -webkit-font-smoothing: antialiased; /* Mac bold issue */
	-moz-font-smoothing: antialiased; /* Mac bold issue */
	-o-font-smoothing: antialiased; /* Mac bold issue */
	-chrome-font-smoothing: antialiased;/* Mac bold issue */
	font-smoothing: antialiased; /* Mac bold issue */
	font-weight: 100;}
.bajada{font-size: 1.25rem; font-family: 'Roboto', sans-serif; color: #fff; }
body { background-color: #ede8e0;}
.pagina { max-width: 960px; margin: 0 auto 0 auto; position: relative;}
.section {width: 100%;}
.separador {clear: both;} 
.separadordos {clear: both; height: 30px;} 
iframe {position: absolute; width: 100%; height: 100%}
.seccion{  width: 100%;  min-height:72px;    margin-top: 30px;  padding-top: 3px;}
.subseccion{ min-height:1.4rem; width: 100%;  min-height:x;padding: 4px 0 0 8px; margin-bottom: 0.6rem;}
.titulos {font-weight: 900; font-size:1rem; text-transform: uppercase; }
.subtitulo{font-weight: 700; font-size:0.75rem;}
.subsecciongrande{  width: 100%;  min-height:40px;   margin:  1rem 0 1rem 0;}
.subsecciongrandedos{  width: 100%;  min-height:40px;margin-bottom: 5px;}
.texto{height: auto;
    width: 93%;
    float: left;
    position:relative;
    margin-top: 6px;
    padding: 0.8rem 0 0 0.8rem;
    }
.textoseccion{height: auto;
    width: 93%;
    float: left;
    position:relative;
    margin-top: 6px;
    padding-left :  0.8rem;
    }
.textoinfo{height: auto;
    width: 93%;
    float: left;
    position:relative;
    margin-top: 10px;
    padding: 0.8rem 0 0 0.8rem;
    line-height: 140%;
    }

.mas {position: absolute; bottom: 1rem; right: 1rem;}



/* ----------------------------------------------- fin generales----------------------------------------------- */


/* ---------------------------------------------   COLORES  -------------------------------------------------  */
.blanco{color: #fff; }
.gris{color: #5d5d5d;}
.grisligth{color: #989494;}
.verdetxt{color: #6bc59f;}
.verdeoscurotxt{color: #25845c;}
.violeta {background-color: #821796;}
.violetatxt{color:#821796; }
.violetaclarotxt{color:#b26fa3;}
.naranja{color: #e06045;}
.rojoosbg{background-color:#9b0606;}
.rojoclaro{background-color:#c13d3d;}
.rojos{color:#9b0606;}
.ciansoft{background: #97d9e7;}
.violetaclaro{background-color: #b071a4}
.verde{background-color: #6bc59f}
.verdeclaro{background-color: rgba(154, 221, 193, 0.67)}
/* ---------------------------------------------   fin colores -------------------------------------------------  */

/* ---------------------------------------------- HEADER ---------------------------------------------------------*/

header {
        width: 100%;
        min-height:130px;
        
}


.logo { height: auto;
        width: 100px;
        position:   relative;
        float: left;
        margin: 1%;
        padding: 1%;
}


nav{width: 65%;
    float: right;
    position: absolute;
    top: 40px;
    right: 0px;
}

ul, ol {
    list-style:none;
}

.menu > li { width: 20%;
       float: right;
}
			
.menu li a {  
    margin: 3px;
    border-bottom: solid 0.4rem ;
    text-decoration:none;
    padding:25px 0;
    display:block;
    text-align: center;
    box-sizing: border-box;
}

#sub a {padding: 9px 0; 
    margin: 0 0 0 3px;
    border-bottom: solid 0.2rem ;
    text-decoration:none;
    display:block;
    text-align: center;
    box-sizing: border-box;}

.menu li a:hover {
    color: #888888;
}
			
.menu li ul {
    display:none;
    position:absolute;
    min-width:140px;
    z-index: 10;
}

.menu li:hover > ul {
    display:inline-block;
}

.menu li ul li {
    position:relative;
}

.menu li ul li ul {
    right:-140px;
    top:0px;
}

/* -------------------------------------------------------- fin header ----------------------------------------------*/       



.institucionalnav {color: #e06045;}
.noticiasnav{color: #90BC99;}
.programacionnav {color:#82A6D5;}
.agendanav{color: #671377;}
.contactonav{color: #f8b72c;}


.institucional {background-color: #e06045;}
.noticias{background-color: #90BC99;}
.programacion {background-color:#82A6D5;}
.agenda{background-color: #671377;}
.contacto{background-color: #f8b72c;}


/* ---------------------------------------------------- SUB ---------------------------------------------*/
.subnav{ 
    position: relative;
    width: 100%;
    height: 35px;
    align-content:center;  margin: 0.5rem 0 0.5rem 0;

}

.tituloprograma { text-align: center; overflow: hidden;height: 35px;  width: 30%; 

}

h5 {text-align: center;}

.vervivo { background-color: #e20000; border: none; position: relative; height: 35px; width: 15%;   }
.vervivo:hover { background-color: #9b0606;  }

#ahora{position: absolute;bottom: 9px;}

.nuevo {position: relative; float: left; height: 35px;margin:0 1.2rem 0 1rem;}

.redessociales { position: relative; float: right;
            height: 35px;
            background-color: none;}
.redessocialesdos { position: relative; float: left;
            height: 35px;   margin: 1px 2rem 0 0.5rem;
            background-color: none;}

.horasimple {font-weight: 700;font-size: 0.8rem; position: relative; float: left; margin-left: 0.3rem;}
.iconored { position: relative; float: left;  border: none; background-color: rgba(0, 0, 0, 0.00);height: 35px;margin: 0 1rem 0 0.5rem;}

#boxmitadvivo{ width: 48%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 258px;
    box-sizing: border-box;
    overflow: hidden;}

/* ---------------------------------------------- fin subnavedgador ---------------------------------------------*/





/*-------------------------------------------------- HOME -----------------------------------------------------*/

.bigbox {
    width: 66%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 295px;
    box-sizing: border-box;
    overflow: hidden;}

.boxone { width: 32%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 295px;
    box-sizing: border-box;
    overflow: hidden;}

#cian{background: #6bc5a0;}

.cianstrong{background: #52bcd5;}

.grande2 { width: 66%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 180px;
    box-sizing: border-box;
    overflow: hidden;}

.compartido{ position: relative; float: left; width: 50%;}

#teatro{ background-image: url(imagenes/foto_teatro.jpg);}
#teatro:hover{   -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); }

.videoresponsive{position: relative;
    width: 100%;
    float: left;
    height: 0;
    margin: auto;
    padding-bottom: 56.25%;
    }



.chico2 { width: 32%; 
    position: relative; 
    float: left; 
    margin-top: 14px; 
    margin-left: 1%; 
    min-height: 180px;
    border-style: solid;
    border-width: 5px;
    border-color: #5d5d5d;
    box-sizing: border-box;
    overflow: hidden;}


.home {margin-top: 14px; width: 100%; max-height:230px; position: relative; float: left; background:#2a2d30;} 
.home p{ color: #fff; padding:2% 0 0 2%; font-size:0.7rem;}
.home article {width: 30%; position: relative; float:left; margin:1.6%;}
/*--------------------------------------------------- fin home ---------------------------------------------------*/


/* --------------------------------------------------- GALERIA -------------------------------------------------- */ 

.galeria{ position: relative;
    float: left;
    width: 47%;
    min-height: 80px;
    margin: 0 3% 3% 0;
    overflow: hidden;
    align-content: center;
}

.galeria img{display: block;
    margin-left: auto;
    margin-right: auto;}

.galeria img:hover {
     -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
}
/* ------------------------------------------------ fin galeria --------------------------------------------------*/




/* ----------------------------------------------- INSTITUCIONAL ----------------------------------------------- */

#naranja {background-color: #e96044;}

.informacion {width: 66%;}
.cuadro1 {width:15%; height: 130px;   border-style: solid;  border-width: 5px;  border-color: #e96044;    box-sizing: border-box;
    overflow: hidden; position: relative; float: right; margin:0.5%; box-sizing: border-box; }

.cuadro2 {width:15%; height: 255px; border-style: solid;   border-width: 5px;    border-color: #e96044;    box-sizing: border-box;
    overflow: hidden; position: relative; float: right; margin:0.5%; box-sizing: border-box;}

.bajadamedium{font-size: 1.25rem;  font-weight: 700; }

.unalinea{width: 66%; margin: 1%;
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 1px solid #888888;
    margin-bottom: 1rem;}

.boxquinto{position: relative; width:20%; min-height: 120px; float: left; box-sizing: border-box; margin: 0 1% 0 1%; }

#videoresponsiveinstitucional{position: relative;
    width: 100%;
    float: left;
    height: 0;
    margin: auto;
    padding-bottom: 46.6%;}
/*  ----------------------------------------------- fin institucional ------------------------------------------*/





/* -------------------------------------------- AGENDA -------------------------------------------------------*/
#agendaf{ background-image: url(imagenes/foto_teatro.jpg);}


.boxtrio{width: 31%;
    margin: 1%;
    min-height: 295px;
    position: relative;
    float: left;
    
}

.encabezado_agenda{ background-color: #671377;
                  text-align: center;    

}

.subencabezado { border-style: solid;
                border-color: #671377;
                text-align: center;
                margin-top: 0;
}

.cuadro_b { width:100%; height: 74px;   overflow: hidden; position: relative; margin-left: 0;
            margin-top: 2%; margin-right: 1.5%; padding: 2%;text-align: center;box-sizing: border-box;}

.lineavioleta {border-style: solid;border-color: #671377;}


.encabezado_lugares{ background-color: #671377;
                    width: 100%; 
                    height: 70px;
                    position: relative;
                    float: right;
                    margin-top: 2%;
                    margin-bottom: 2%;
}

.textoizq {width:40%; height: 200px; overflow: hidden; position: relative; float: left; margin-left: 1%;
            margin-top: 2%; text-align: justify; margin-right: 1.5%;

}

.textoizq2 {width:50%; height: 80px; overflow: hidden; position: relative; float: left; margin-left: 0;
            margin-top: 2%; margin-right: 1.5%; padding-left: 2%;

}
.imagenmapa {width:55%; height: 130px; overflow: hidden; position: relative; float: left; margin-left: 1%;
            margin-top: 2%;

}

.despleglable {width: 100%;}





.textoizq{position: relative;
    float: left;
    width: 100px;}

.encabezado_agenda{ background-color: #671377;
                  text-align: center;    

}

.subencabezado { border-style: solid;
                border-color: #671377;
                text-align: center;
                margin-top: 0;
}

.cuadro { width:100%; height: 300px;   overflow: hidden; position: relative; margin-left: 0;
    margin-top: 2%; margin-right: 1.5%; text-align: center;}

.cuadro_b { width:100%; height: 74px;   overflow: hidden; position: relative; margin-left: 0;
            margin-top: 2%; margin-right: 1.5%; padding: 2%;text-align: center; box-sizing: border-box;}

.lineavioleta {border-style: solid;border-color: #671377;}


.encabezado_lugares{ background-color: #671377;
                    width: 100%; 
                    height: 70px;
                    position: relative;
                    float: right;
                    margin-top: 2%;
                    margin-bottom: 2%;
}

.textoizq {  width: 40%;
  height: 200px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-left: 1%;
  margin-top: 2%;
  margin-right: 1.5%;}

.textoizq2 {width:50%; height: 80px; overflow: hidden; position: relative; float: left; margin-left: 0;
            margin-top: 2%; margin-right: 1.5%; padding-left: 2%;

}

.desplegrable {width: 100%;}

/*Define Accordion box*/
.accordion { width:940px; overflow:hidden; margin:10px auto; color:#474747; background:#671377; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:10px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#333; padding:0;}
.accordion section:target p {display:block;}
.accordion section h2 a{padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background:#b071a4 ; margin:3px; }
.accordion section:hover {background:#671377;}
.accordion section p { display:none;}
.accordion section:after{position:relative;font-size:24px;color:#fff;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/


/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:250px; width:97%; }

.vertical section h2 { position:relative; left:0; top:-15px; padding: 1%;}

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}




/* -------------------------------------------- fin agenda -------------------------------------------------------*/

/* ----------------------------------------- PROGRAMACION ---------------------------------------------------------------*/

.date { width: 100%; margin: 1rem 0 1rem 0;
    min-height: 40px;
    box-sizing: border-box;
    border-top: 1.5px solid #888888;
    border-bottom: 1.5px solid #888888;}
.dia { position: relative; float: left; width: 9%; margin: 1%; height: auto; }
.dia a {color:#5d5d5d;}
.dia a:hover {color:#52bcd5;font-weight: 700;}
.lineal { width: 100%;
    min-height: 1rem;
    border-bottom: 1.5px solid #888888;
    padding-bottom: 0.2rem;
    padding-top: 0.7rem;}
.hora {color:#52bcd5; font-weight: 700;font-size: 0.8rem; position: relative; float: left; margin-left: 0.3rem;}
.programa {color:#5d5d5d; font-weight: 700;font-size: 0.8rem; position: relative; float: left; margin-left:1.5rem; }
.margen{margin: 1.1rem;}


/* ------------------------------------------------ fin programacion -------------------------------------------------*/

/* ----------------------------------------------------- INFO PROGRAMA ------------------------------------------------*/


.boximagenp{widt: 55%;
    position: relative;
    float: left;
    margin-top: 1%;

}

.boxonep { width: 45.5%; 
    height: 390px;
    position: relative; 
    float: left;
    margin-left: 1%; 
    min-height: 295px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 1%;}

.textoizquierdo{
    color: #52bcd5;}
.imgprograma {width: 100%; height:auto;}
}

/* ------------------------------------------------- fin infoprograma ------------------------------------------------*/


/* Deportes */

.verde {background-color: #6bc59f;}

.boxmitad{ width: 48%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 295px;
    box-sizing: border-box;
    overflow: hidden;}

.doslineas{width: 100%;
    padding: 0.5rem 0 0.5rem 0;
    border-top: 1.5px solid #888888;
    border-bottom: 1.5px solid #888888;
    margin-bottom: 1rem;
    }


#deportes a:hover{color: #6bc59f;}

/* footer */

footer {text-align: center;
    font-size: 12px;
    padding-top: 3%;
    background-color: black;
    }

footer p {color: #ffffff;
    font-size: 0.8rem;
}

footer img {margin-top: 3%;}

/* -------------------------------------------- Noticia ---------------------------------------------------------*/


#titular{width: 100%;}
#fecha{font-family: 'Patua One', cursive; font-weight: 100; margin-bottom: 1rem; font-size: 1.1rem;-webkit-font-smoothing: antialiased; /* Mac bold issue */	-moz-font-smoothing: antialiased; /* Mac bold issue */	-o-font-smoothing: antialiased; /* Mac bold issue */
-chrome-font-smoothing: antialiased;/* Mac bold issue */ font-smoothing: antialiased; /* Mac bold issue */}
.encabezado_noticias {font-size: 2.5rem; margin-left: 0;font-family: 'Changa One'; margin-top: 0;}
.titulo_noticia {margin-top: 0; color: #90BC99 ; }
.h4 {font-size: 1.2rem; margin-left: 0; font-family: 'Changa One';}
.boxuno{ width:150px; height: 150px; overflow: hidden; position: relative; float: left; margin-left: 0; border: #90BC99 solid 2px;
        margin-top: 2%; margin-right: 1.5%; padding-left: 2%;}
.piefotoredes{border-bottom: #8d8d8d solid 2px; border-top: #8d8d8d solid 2px; }
#bigbajada{font-size: 1.8rem; text-align: right; font-weight: 700; }
.masarticulos{height: auto;
    width: 93%;
    float: left;
    position:relative;
    padding:0.3rem 0 0 0.8rem;}
.boxmini{ position: relative;
    float: left;
    width: 20%; overflow:hidden; margin: 1rem 1rem 1rem 0;}
.boxcoment{ position: relative;
    float: left; width: 60%; overflow:hidden; margin: 1rem 1rem 1rem 0;}
.comentario textarea{width: 83%; height: 100px; margin-top: 2rem;}

/* --------------------------------------  fin Noticia ---------------------------------------------------------*/



/* ---------------------------------------------------- CONTACTO ----------------------------------------------*/

.fullbox{width: 100%; min-height: 300px; overflow: hidden;}
 #map{width: 100%; height: 70%;}

.formulario1 {
            width:60%; height: 600px;  overflow: hidden; position: relative; float: left; margin-left: 0;
            margin-top: 2%; text-align: left; margin-right: 1.5%;

}

.boxtitulo{ border-bottom: #645959 solid 1.5px;   }

.ubicacion {width:38%; height: 300px;  overflow: hidden; position: relative; float: left; margin-left: 0;
            margin-top: 2%; text-align: left; margin-right: 0;}




/* formulario*/

textarea{width:  100%;box-shadow:0 0 0 2px rgba(248, 183, 44, 0.3); margin: 5px 0; border: 1px solid #CED5D7;}
.contacto_dos{
    border: 1px solid rgba(248, 183, 44, 0.69);
    padding: 45px 45px 20px;
    box-shadow: 0px 5px 5px #B5C1C5, 0 0 0 5px rgba(248, 183, 44, 0.69) inset;
}
.contacto_dos label{
    display: block;
    font-weight: bold;
}
.contacto_dos div{
    margin-bottom: 15px;
}
.contacto_dos input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 80%;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 2px rgba(248, 183, 44, 0.3);
    margin: 5px 0;
}
.contacto_dos input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto_dos input[type='submit' ]{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px rgba(248, 183, 44, 0.53);
    padding: 8px 16px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
 
    background: rgba(248, 183, 44, 0.69);

}
.contacto_dos input[type='submit']:hover{
    background: rgb(201, 169, 101);

}
.contacto_dos input[type='submit']:active{
    background: rgb(248, 183, 44);
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}

/* ----------------------------------------- fin contacto -------------------------------------------------*/

/* ---------------------------------------- MEDIO AMBIENTE ------------------------------------------------*/

#inundado{margin-top: 1.9rem; min-height: 201px;}


/* -------------------------------------------- Politicas --------------------------------*/
.boxtriopol{width: 31%;
    margin: 1%;
    min-height: 200px;
    position: relative;
    float: left;
    
}

.boxmitadpol{ width: 48%; 
    position: relative; 
    float: left; margin-top: 14px; 
    margin-left: 1%; 
    min-height: 200px;
    box-sizing: border-box;
    overflow: hidden;}

.fullboxpol{width: 100%; min-height: 215px;}

/* Responsive */


@media screen and (max-width:500px){
    h1{ font-size: 1.75rem;}
    h2{font-size: 1.25rem;}
    img{width: 100%; height: auto;}
    nav{width: 100%;    float: right;    position: absolute;    top: 40px;    right: 0px;}
    li a { font-size: 55%;}
    .nuevo{margin: 0;}
    .vervivo{width: 22%;}
    .iconored{margin: 0 0.5rem 0 0.5rem;}
    .bigbox { width: 100%; min-height: inherit;}   .grande2 { width: 100%;}  .chico2 { width: 100%;}
    .home { width: 100%;}
    .home article{width: 100%}
    .no-small{ display: none;}
    .logo{ width: 100px; height: auto;}
    .imagen {width: 100%;}
    iframe {position: absolute; width: 100%; height: 100%}
    .compartido{width: 100%;}
    .videoresponsive{width: 100%;}
    .boxone{width: 100%;}
    .cuadro2{width: 100%;}
    .lineal {width: 100%;}
    .date{width: 100%;}
    .dia{width: 100%; float:inherit;}
    .boxmitad{width: 100%; min-height: 150px;}
    .boxtrio{width: 100%; min-height: 150px;}
    .cuadro{width: 100%;}
    .desplegable{width: 100%;}
    .fullbox{width: 100%; min-height: 150px;}
    .boxmitadpol{width: 100%;}
    .boxtriopol{width: 100%;}
    .fullboxpol{width: 100%;}
    #boxmitadvivo{width: 100%;}
    .boxonep{width: 100%;}
}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }