@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body {
        margin: 0;
        padding: 0;
        font: 400 14px/12px "Open Sans", sans-serif;
  	-webkit-text-size-adjust: none;
      }

#index1 {
        color: #464646;
        font-family: arial, sans-serif;
        background-color: #f6f6f6;
		height: 450px;
		padding: 10px 0 10px 0px;
		margin-top: 10px;
       margin: auto;		
      }

#rezimg {
  max-width: 100%;
  height: auto;
}

.contenido1 {
background-color: #fff;
height: auto;
max-width: 100%;
 }

div.cont{
    padding: 0px 30px 0px 30px;
}

p.just{
    text-align: justify;
}

#contenidomed {
padding: 0px 0px 50px 0px;
text-align: center;
background-color: #f6f6f6;
width: 100%;
height: auto;
}

#bienvenidos {
padding: 15px 0px 15px 0px;
text-align: center;
background-color: #fff;
width: 100%;
height: auto;
}

/* TEXTO */

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;}

h3 {
  font-size: 8em;
  line-height: 1em;
  text-transform: none;
  color: #193818;
  margin-bottom: 4px; }
  @media (max-width: 767px) {
    h3 {
      font-size: 2em;
      line-height: .5em; } }

h4 {
  font-size: 5em;
  line-height: 1em;
  color: #193818;
  margin-bottom: 41px; }
  @media (max-width: 767px) {
    h4 {
      font-size: 1.5em;
      line-height: 1em; } }

h5 {
  font-size: 2.5em;
  line-height: 1em;
  color: #31353d; }
  @media (max-width: 767px) {
    h5 {
      font-size: 1em;
      line-height: 1em; } }

h6 {
  font-size: 2em;
  line-height: 1.3em;
  color: #464646;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    h6 {
      font-size: 1em;
      line-height: 1em; } }

h7 {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #464646;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    h7 {
      font-size: 1em;
      line-height: 1em; } }
h8 {
  font-size: 1.5em;
  line-height: 1.3em;
  color: #fff;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    h8 {
      font-size: 0.8em;
      line-height: 1em; } }

/* END TEXTO */
 
.welcome {
  padding: 0px 90px; }
  @media (max-width: 767px) {
    .welcome {
      padding: 0px; } }

.contenidomedio {
   margin-right:30px;
   margin-top:30px;
   background-image: url(../imagenes/fondo_medio_individuales.jpg);
   display: inline-block;
   padding: 0px 0px 0px 20px;
   width: 280px;
   height: 420px;
}

/* CONTENEDOR COLUMNAS */

.container {
  /* Por defecto en modo fila, uno al lado del otro */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    flex-flow: row;

}

.item {

    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
  .container {
    /* si es muy angosta, uno debajo del otro */
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;

  }
}

.columna {
    padding: 10px;
    text-align: center;
    color: #b0aeae;
    line-height: 1em;
}

/* END CONTENEDOR COLUMNAS */


#textomedio1{
	font-size: 1.5em;
	font-family: arial, sans-serif;
	color: #464646;
	padding: 5px 5px 5px 5px;
	}
#textomedio2{
	font-size: 2.5em;
	font-family: arial, sans-serif;
	color: #99c038;
	padding: 5px 5px 5px 5px;
	}
	
#facebook {
padding: 50px 0px 5px 0px;
text-align: center;
background-color: #fff;
width: 100%;
height: auto;
}

{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         
}
.first_two {
    overflow:hidden;
}
#one {
    float:left;
    width:50%;
    height:100%;
}
#two {
    width:50%;
    float:left;
    height:100%;
}
.clear{
    clear:both;
}

.imag
{
  opacity:1;
}

.imag:hover
{
opacity: 0.5;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}


/* FORM CONTACTO */

input{
 width: 98%;
 height: 40px;
 color: #333;
 margin: 5px 0 10px 0;
}

input[type=submit]{
 background-color:#FF9900;
 height:50px;
 width:98%;
 //border:none;
 font-weight:400;
 letter-spacing:2px;
 color:#fefefe;
}

#form{
 width: 80%;
 height: auto;
 margin: 0 auto;
 padding: 0 1%;
}

textarea{
width:98%;
margin: 5px 0 10px 0;
resize:none;
}

.img_completa {
height: auto;
max-width: 100%;
 }

.contacto_img {
background-color: #f6f6f6;
height: auto;
max-width: 100%;
 }

input[type=submit]
{
margin-bottom: 20px;
width:50%;
padding: 10px;
border-radius:5px;
border:1px solid #7ac9b7;
background-color: #464646;
color: #fff;
font-size:1.8em;
cursor:pointer;
}
#submit:hover
{
background-color: black;
}

/* TERMINA FORM CONTACTO */

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

 #rc-imageselect, .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
}

/* BOTTOM */

.contenido1 {
background-color: #fff;
height: auto;
max-width: 100%;
 }

a:link.bottom   
{   
 text-decoration:none;
color:#313131;
}   

a:hover.bottom
{
text-decoration:none;
color:#4392b8;
} 

#bottomarriba {
	padding: 5px 5px;
        margin: 0;
	text-align: center;
        color: #fff;
        background-color: #2a6d02;
	height: auto;
        }

.bottabajo {
background-color: #314028;
color: #fff;
text-align:center;
padding: 10px 0 10px 0px;
@media (max-width: 767px) {
    .bottabajo {
    line-height: 1em;} }
}

.bottmenu {
  font-size: 1.8em;
  line-height: 1em;
  color: #efefef;
  padding: 0 90px; }
  @media (max-width: 767px) {
    .bottmenu {
      font-size: 1.5em;
      padding: 0; } }

.bottface {
  font-size: 4em;
  line-height: 1.8em;
  color: #efefef;
  margin-bottom: 41px; }
  @media (max-width: 767px) {
    .bottface {
      font-size: 2em;
      line-height: 1em; } }



.bottabajo2 {
background-color: #4392b8;
text-align:center;
padding: 20px 0 20px 0px;
font-size: 1.2em;
line-height: 1em;
@media (max-width: 767px) {
    .bottabajo2 {
    font-size: .8em;
    line-height: 1em;} }
}

.bottabajo3 {
background-color: #193818;
color: #fff;
text-align:center;
padding: 20px 0 20px 0px;
font-size: 1.2em;
line-height: 1em;
@media (max-width: 767px) {
    .bottabajo3 {
    font-size: .8em;
    line-height: 1em;} }
}

/* END BOTTOM */


/* DOS COLUMNAS */

.doscol {
padding: 5px 0px 5px 0px;
text-align: center;
width: 100%;
height: auto;
}
.col1 {
   margin-right:30px;
   margin-top:5px;
   max-width:500px;
   margin: auto;
   display: inline-block;
   padding: 10px 10px 10px 10px;
}
.col2 {
   margin-right:30px;
   margin-top:5px;
   max-width:500px;
   margin: auto;
   display: inline-block;
   padding: 0px 0px 0px 10px;
}

/* END DOS COLUMNAS */



/* BOTON */

.botton {
    border: none;
    color: #0d2301;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8em;
    margin: 1em 0.5em;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.botton1 {
    background-color: #0d2301;
font-size: 0.8em;
    width: 90%;
    color: #fff;
    border: 1px solid #0d2301;
    border-radius: .2em;
}

.botton1:hover {
    background-color: #fff;
    color: #0d2301;
    border: 1px solid #0d2301;
}


/* BARRA FACE */

.barraface{
text-align: right;
background-color: #3fa800;
width: 100%;
height: 80px;
}
.img_face{
    float: right;
   padding: 5px 15px 5px 0px;
}

/* DOS COLUMNAS JUNTAS */

.columns {
    overflow:hidden;
}
#one {
    float:left;
    width:50%;
    height:100%;
}
#two {
    width:50%;
    float:left;
    height:100%;
}
.clear{
    clear:both;
}