/* CSS Document */
@import url(http://reset5.googlecode.com/hg/reset.min.css);

body { font-family: Tahoma,sans-serif; font-size: 100%; background-image: url('../images/page_bground.jpg'); background-repeat: repeat; background-color: #303030; color: #ffffff !important;  }

.clear{
   clear:both;
}

/* All Smartphones in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* General */

#header { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 20px; margin-bottom: 40px; }

#main-wrapper { max-width: 480px; margin: 0 auto; font-size:0.45em; text-align:center; }

#main-wrapper-proyecto { max-width: 480px; margin: 0 auto; font-size:0.75em; min-height: 900px; text-align:center; }

#footer { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 40px; border-bottom: 1px solid #738088; height: 10px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:125px; height:auto }

#logo p { font-size: 1.5em; padding-left: 10px }

#menu { float: right; padding-top: 10px; font-size: 1.2em; }

#submenu_container { min-height: 25px; max-width: 480px; }

#submenu { float: right; padding-top: 10px; font-size: 1.2em; width: 150px; padding-left: 225px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 300px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:190px; max-height:125px; min-height:125px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:150px; max-height:98px}
.derecha {float: right;  max-width:150px; max-height:98px}

.texto_caja { padding: 10px 5px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 5px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 150px; min-width: 150px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 150px; min-width: 150px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 100px; min-width: 150px; width: 150px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 300px;
}
form.contacto fieldset {
    padding-bottom: 5px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 10px;
	margin-right: 5px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 117px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 260px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}

}

/* All Smartphones in landscape ----------- */
@media only screen 
and (min-width : 321px) {
/* General */

#header { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 20px; margin-bottom: 40px; }

#main-wrapper { max-width: 480px; margin: 0 auto; font-size:0.45em; text-align:center; }

#main-wrapper-proyecto { max-width: 480px; margin: 0 auto; font-size:0.75em; min-height: 900px; text-align:center; }

#footer { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 40px; border-bottom: 1px solid #738088; height: 10px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:125px; height:auto }

#logo p { font-size: 1.5em; padding-left: 10px }

#menu { float: right; padding-top: 10px; font-size: 1.2em; }

#submenu_container { min-height: 25px; max-width: 480px; }

#submenu { float: right; padding-top: 10px; font-size: 1.2em; width: 150px; padding-left: 225px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 300px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:190px; max-height:125px; min-height:125px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:150px; max-height:98px}
.derecha {float: right;  max-width:150px; max-height:98px}

.texto_caja { padding: 10px 5px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 5px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 150px; min-width: 150px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 300px;
}
form.contacto fieldset {
    padding-bottom: 5px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 10px;
	margin-right: 5px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 117px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 260px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}
}

/* All Smartphones in portrait ----------- */
@media only screen 
and (max-width : 479px) {
#header { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 20px; margin-bottom: 40px; }

#main-wrapper { max-width: 480px; margin: 0 auto; font-size:0.45em; text-align:center; }

#main-wrapper-proyecto { max-width: 480px; margin: 0 auto; font-size:0.75em; min-height: 900px; text-align:center; }

#footer { max-width: 480px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 40px; border-bottom: 1px solid #738088; height: 10px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:125px; height:auto }

#logo p { font-size: 1.5em; padding-left: 10px }

#menu { float: right; padding-top: 10px; font-size: 1.2em; }

#submenu_container { min-height: 25px; max-width: 480px; }

#submenu { float: right; padding-top: 10px; font-size: 1.2em; width: 150px; padding-left: 225px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 300px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:300px; min-width:300px; max-height: 196px; min-height: 196px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:190px; max-height:125px; min-height:125px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:300px; max-height:98px; min-height:98px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:150px; max-height:98px}
.derecha {float: right;  max-width:150px; max-height:98px}

.texto_caja { padding: 10px 5px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 5px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 150px; min-width: 150px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 150px; min-width: 150px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 100px; min-width: 150px; width: 150px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 35px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 300px;
}
form.contacto fieldset {
    padding-bottom: 5px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 10px;
	margin-right: 5px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 117px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 260px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}

#logo, #menu, #submenu_container, #cabecera, .graficas-wrapper, .imagen-wrapper, .text-wrapper, .contact-form-wrapper, #footer {
		display: block !important;
		width: 80% !important;
		max-width: 80% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
	}

	.texto_cabecera_proyecto, .texto_cabecera_tako, .texto_cabecera_portfolio, .texto_cabecera_premios, .texto_cabecera_contacto, .texto_cabecera_little_bang {
		display: inline-block;
		vertical-align: top;
		min-height: 164px;
		width: 61%;
		text-align: left;
		float: left;
	}
	
	.imagen_cabecera { 
		display: inline-block;
		vertical-align: top;
		width: 39%;
		height: auto;
	}

}


/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

/* General */

#header { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 50px; margin-bottom: 40px; }

#main-wrapper { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:center; }

#main-wrapper-proyecto { max-width: 1000px; margin: 0 auto; font-size:0.75em; min-height: 1840px; text-align:center; }

#footer { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 100px; border-bottom: 1px solid #738088; height: 20px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:250px; height:auto }

#logo p { font-size: 1.5em; padding-left: 20px }

#menu { float: right; padding-top: 20px; font-size: 1.2em; }

#submenu_container { min-height: 50px; max-width: 1000px; }

#submenu { float: right; padding-top: 20px; font-size: 1.2em; width: 300px; padding-left: 451px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 500px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:380px; max-height:250px; min-height:250px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:250px; max-height:164px}
.derecha {float: right;  max-width:250px; max-height:164px}

.texto_caja { padding: 20px 10px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 10px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 750px;
}
form.contacto fieldset {
    padding-bottom: 25px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 20px;
	margin-right: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 214px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 460px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}

}

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* General */

#header { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 50px; margin-bottom: 40px; }

#main-wrapper { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:center; }

#main-wrapper-proyecto { max-width: 1000px; margin: 0 auto; font-size:0.75em; min-height: 1840px; text-align:center; }

#footer { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 100px; border-bottom: 1px solid #738088; height: 20px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:250px; height:auto }

#logo p { font-size: 1.5em; padding-left: 20px }

#menu { float: right; padding-top: 20px; font-size: 1.2em; }

#submenu_container { min-height: 50px; max-width: 1000px; }

#submenu { float: right; padding-top: 20px; font-size: 1.2em; width: 300px; padding-left: 451px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 500px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:380px; max-height:250px; min-height:250px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:250px; max-height:164px}
.derecha {float: right;  max-width:250px; max-height:164px}

.texto_caja { padding: 20px 10px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 10px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 750px;
}
form.contacto fieldset {
    padding-bottom: 25px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 20px;
	margin-right: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 214px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 460px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* General */

#header { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 50px; margin-bottom: 40px; }

#main-wrapper { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:center; }

#main-wrapper-proyecto { max-width: 1000px; margin: 0 auto; font-size:0.75em; min-height: 1840px; text-align:center; }

#footer { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 100px; border-bottom: 1px solid #738088; height: 20px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:250px; height:auto }

#logo p { font-size: 1.5em; padding-left: 20px }

#menu { float: right; padding-top: 20px; font-size: 1.2em; }

#submenu_container { min-height: 50px; max-width: 1000px; }

#submenu { float: right; padding-top: 20px; font-size: 1.2em; width: 300px; padding-left: 451px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 500px;
display: inline-block;
vertical-align: top;
}

article.caja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; text-align: left }

article.caja_roja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #c9461a; text-align: left }

article.caja_verde { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #007867; text-align: left }

article.caja_naranja { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #bd0926; text-align: left }

article.caja_amarilla { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #cac662; text-align: left }

article.caja_grande { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:380px; max-height:250px; min-height:250px; text-align: left }

article.caja_interior_verde_osc { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #557431; text-align: left }

article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; background-color: #647a88; text-align: left }

.izquierda {float: left;  max-width:250px; max-height:164px}
.derecha {float: right;  max-width:250px; max-height:164px}

.texto_caja { padding: 20px 10px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 10px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 750px;
}
form.contacto fieldset {
    padding-bottom: 25px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 20px;
	margin-right: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 214px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 460px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}

#logo, #menu, #submenu_container, #cabecera, .graficas-wrapper, .imagen-wrapper, .contact-form-wrapper, .text-wrapper, #footer {
		display: block !important;
		width: 80% !important;
		max-width: 80% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
	}

	.texto_cabecera_proyecto, .texto_cabecera_tako, .texto_cabecera_portfolio, .texto_cabecera_premios, .texto_cabecera_contacto, .texto_cabecera_little_bang {
		display: inline-block;
		vertical-align: top;
		min-height: 164px;
		width: 61%;
		text-align: left;
		float: left;
	}
	
	.imagen_cabecera { 
		display: inline-block;
		vertical-align: top;
		width: 39%;
		height: auto;
	}

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

/* General */

#header { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; padding-top: 50px; margin-bottom: 40px; }

#main-wrapper { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:center; }

#main-wrapper-proyecto { max-width: 1000px; margin: 0 auto; font-size:0.75em; min-height: 1840px; text-align:center; }

#footer { max-width: 1000px; margin: 0 auto; font-size:0.75em; text-align:inherit; margin-bottom: 100px; border-bottom: 1px solid #738088; height: 20px; }

#logo { float: left; }

#logo h2 { font-size: 2.5em }

#logo img { width:250px; height:auto }

#logo p { font-size: 1.5em; padding-left: 20px }

#menu { float: right; padding-top: 20px; font-size: 1.2em; }

#submenu_container { min-height: 50px; max-width: 1000px; }

#submenu { float: right; padding-top: 20px; font-size: 1.2em; width: 300px; padding-left: 451px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}




/* Home */

article.columna { width: 500px;
display: inline-block;
vertical-align: top;
}

article.caja, article.caja_roja, article.caja_verde, article.caja_naranja, article.caja_amarilla, article.caja_interior_verde_osc, article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:500px; max-height:164px; min-height:164px; text-align: left }

article.caja_roja { background-color: #c9461a; }

article.caja_verde { background-color: #007867; }

article.caja_naranja { background-color: #bd0926; }

article.caja_amarilla { background-color: #cac662; }

article.caja_grande { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; text-align: inherit }

article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:500px; min-width:500px; max-height: 328px; min-height: 328px; background-color: #00c5e2; text-align: left }

article.caja_interior{ min-width:380px; max-height:250px; min-height:250px; text-align: left }

article.caja_interior_verde_osc { background-color: #557431; }

article.caja_interior_gris { background-color: #647a88; }

.izquierda {float: left;  max-width:250px; max-height:164px}
.derecha {float: right;  max-width:250px; max-height:164px}

.texto_caja { padding: 20px 10px 0 10px }

.texto_caja h2 { font-size: 1.5em; margin: 0 0 10px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 310px; height:auto; }

#cabecera img { width: 100%; max-width: 250px; min-width: 250px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 164px; min-width: 250px; width: 750px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2em; padding-top: 65px; margin-left: 40px }


/* Proyecto */
.graficas-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 490px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 490px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; font-size: 1.2em; line-height:150%; }

.contact-form-wrapper { width: 490px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 235px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 490px; height:auto; }

.youtube { width: 490px; height: 368px; }

/* Estilos del formulario */
form.contacto {
	max-width: 750px;
}
form.contacto fieldset {
    padding-bottom: 25px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 20px;
	margin-right: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 223px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 460px;
	height: 60px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 490px;
min-width: 490px;
text-align: left;
}

.texto_caja_form {
padding: 0px 0px 0 0px;
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1600px) {

/* General */
#header, #main-wrapper, #main-wrapper-proyecto, #footer { max-width: 1200px; margin: 0 auto; }

#header { text-align:inherit; padding-top: 50px; margin-bottom: 20px }

#main-wrapper { text-align:center; }

#main-wrapper-proyecto { min-height: 2140px; text-align:center; }

#footer { text-align:inherit; margin-bottom: 50px; border-bottom: 1px solid #738088; height: 20px; }

#logo { float: left; }

#logo img { width:300px; height:auto }

#logo h2 { font-size: 2.5em }

#logo p { font-size: 1.5em; padding-left: 20px }

#menu { float: right; padding-top: 20px }

#submenu_container { min-height: 50px; max-width: 1200px; }

#submenu { float: right; padding-top: 20px; padding-left: 558px; }

.cuadrado-menu { vertical-align: middle; margin-bottom: 0.25em; }

#menu a:link, #submenu a:link {color:white; text-decoration: none}
#menu a:visited, #submenu a:visited {color:white;}
#menu a:hover, #submenu a:hover  {color:#bd0926;}
#menu a:active, #submenu a:active  {color:#bd0926;}


/* Home */

article.columna { width: 600px;
display: inline-block;
vertical-align: top;
 }

article.caja, article.caja_roja, article.caja_verde, article.caja_naranja, article.caja_amarilla, article.caja_interior_verde_osc, article.caja_interior_gris { display: inline-block; vertical-align: top; min-width:300px; max-height:197px; min-height:197px; text-align: left }

article.caja_roja {  background-color: #c9461a; }

article.caja_verde { background-color: #007867; }

article.caja_naranja { background-color: #bd0926; }

article.caja_amarilla { background-color: #cac662; }

article.caja_grande, article.caja_grande_azul { display: inline-block; vertical-align: top; max-width:600px; min-width:600px; max-height: 394px; min-height: 394px;}

article.caja_grande { text-align: inherit }

article.caja_grande_azul { background-color: #00c5e2; text-align: left }

article.caja_interior_verde_osc { background-color: #557431; }

article.caja_interior_gris { background-color: #647a88; }

.izquierda {float: left; max-width:300px; min-width:300px}
.derecha {float: right; max-width:300px; min-width:300px}

.texto_caja { font-size: 0.9em; padding: 30px 20px 0 20px;  }

.texto_caja h2 { font-size: 1.3em; margin: 0 0 20px 0 }

.texto_rojo { color: #bd0926 }

.imagen-home { width: 100%; min-width: 300px; height:auto; }

#main-wrapper a:link {color:white; text-decoration: none}
#main-wrapper a:visited {color:white;}
#main-wrapper a:hover {color:white;}

#menu a.active { color:#bd0926; }

#submenu a.active { color:#bd0926; }


/* Secciones */
article.portfolio_thumb {
display: inline-block;
vertical-align: top;
margin: 10px;
}

article.portfolio_thumb img { width: 380px; height:auto; }

#cabecera img { width: 100%; max-width: 300px; min-width: 300px; height:auto; }

.texto_cabecera_tako { display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; background-color: #c9461a; float:left } 

.texto_cabecera_tako h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }

.texto_cabecera_portfolio { display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; background-color: #557431; float:left } 

.texto_cabecera_portfolio h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }

.texto_cabecera_premios { display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; background-color: #cac662; float:left } 

.texto_cabecera_premios h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }

.texto_cabecera_contacto { display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; background-color: #00c5e2; float:left } 

.texto_cabecera_contacto h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }

.texto_cabecera_little_bang { display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; background-color: #bd0926; float:left } 

.texto_cabecera_little_bang h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }

.texto_cabecera_proyecto{ display: inline-block; vertical-align:top; min-height: 197px; min-width: 900px; text-align: left; float:left } 

.texto_cabecera_proyecto h2 { font-size: 2.3em; padding-top: 70px; margin-left: 40px }


/* Proyecto */

.graficas-wrapper { width: 590px; margin: auto; padding-top:40px; float: left; }

.text-wrapper { width: 590px; float: right; margin: auto; padding-top:40px; text-align: left; }

.imagen-wrapper { width: 590px; margin: auto; padding-top:40px; float: left; }

.imagen-wrapper img { width: 590px; height:auto; }

.text-wrapper h2 { font-size: 1.5em; margin-bottom: 20px; }

.text-wrapper p { margin-bottom: 10px; line-height:150%; }

.contact-form-wrapper { width: 590px; margin: auto; padding-top:40px; float: left; }

article.video-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px }

article.video-thumb img { width: 285px; height:auto; }

article.xunta-thumb { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px }

article.xunta-thumb img { width: 590px; height:auto; }

.youtube { width: 590px; height: 443px; }


/* Estilos del formulario */
form.contacto {
	max-width: 600px;
}
form.contacto fieldset {
    padding-bottom: 10px;
}

/*article.input { display: inline-block;
vertical-align: top;}*/

#contacto_nombre {
    clear: both;
    margin-bottom: 10px;
	margin-right: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_email {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
	display: inline-block;
vertical-align: top;
}
#contacto_comentario {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

form.contacto input[type="text"] {
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 256px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

form.contacto textarea {
	font-family: Tahoma,sans-serif;
    background: #72d3e3;
    border: 1px solid #72d3e3;
	color: #ffffff !important;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 545px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
    background: #72d3e3;
    border: 1px solid #00c5e2;
    outline: none;
	color: #ffffff !important;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	text-decoration: none;
    background: #00c5e2;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    color: #FFFFFF;
	
}

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: -155px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #72d3e3;
}
.msg_error{
    background: red;
}

article.form-sec-wrapper {
display: inline-block;
vertical-align: top;
max-width: 760px;
min-width: 760px;
max-height: 500px;
min-height: 500px;
text-align: left;
}

.texto_caja_form {
padding: 0px;
}

}