/*
	Contents:
	1. Google Fonts Import
	2. Estructura
	3. Menu desktop
	4. Main
	5. Works Grid
	6. Index Page
	7. Project Page
	8. About Page
	9. Blog Page
	10. Blog Single
	11. Contact Page
	12. Responsive
*/

/*
	1. Google Fonts Import
*/
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400';
@import 'https://fonts.googleapis.com/css?family=Lora:400,400italic';

/*
	2. Estructura Site
*/
html {
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
}

body {
    font-family: 'Roboto', 'Tahoma', 'Arial', sans-serif;
    font-weight: 300;
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
}

.container {
    width: 100%;
	height:100%;
    margin: 0;
	padding:0;
    position: relative;
	/*overflow:hidden;*/
}

.site_wrapper {
	display:block;
	width: 100%;
	height:100%;
}

#botonera_mobile {
	display:block;
	background-color:#fff;
	margin-bottom:30px;
    position: absolute;
    width: 100%;
}

#botonera_mobile #menu_desplegable {
	display:none;
}

#botonera_desktop {
	display:none;
	width: 25%;
	/*background-color:#009900;*/
	
}

#contenido {
	display:block;
	width: 100%;
	height:100%;
    padding-top: 0;
	/*background-color:#F00;*/
}

.iframe_wrapper {
	position:relative;
	width:100%;
	height:100%;
	/*padding: 50px 150px;*/
	/*background-color:#006699;*/
}

.iframe_wrapper #iframe {
	width:100%;
	height:100%;
	
	
}



/*
3. Menu desktop
*/
.logo_andy {
	font-family: 'Roboto', 'Tahoma', 'Arial', sans-serif; 
	margin-bottom: 0px; 
	font-weight: 600;
	font-size:18px;
}

.logo_andy a {
	text-decoration:none;
	color:#000000;	
}

#botonera_desktop .sidebar_inner {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 30px;
}

#botonera_desktop nav {
    padding-top: 25px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 10px;
    color: #0e0e0e;
}

#botonera_desktop nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#botonera_desktop nav ul li a {
    display: inline-block;
    padding: 6px 0;
    color: #0e0e0e;
    text-decoration: none;
    -webkit-transition: color 100ms;
            transition: color 100ms;
    border: none;
    font-weight: 300;
}

#botonera_desktop nav ul li a.current, #botonera_desktop nav ul li span.current {
    color: #000000;
}

#botonera_desktop nav ul li a:hover, #botonera_desktop nav ul li span:hover {
    color: #000000;
	font-weight: 600;
    cursor: pointer;
}

#botonera_desktop nav ul .dropdown ul {
    list-style: none ;
    margin-left: 20px;
    padding: 0;
	font-size:14px;
}

#botonera_desktop .idiomas {
	margin-top: 30px; 
	border-top: solid 1px #000000; 
	width:70%; 
	padding-top: 20px;
	
}

/*
4. Menu Mobile
*/

#menu_desplegable .sidebar_inner {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 30px;
}

#menu_desplegable nav {
    /*padding: 25px 0 10px;*/
    color: #0e0e0e;
}

#menu_desplegable nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu_desplegable nav ul li a {
    display: inline-block;
    padding: 6px 0;
    color: #0e0e0e;
    text-decoration: none;
    -webkit-transition: color 100ms;
            transition: color 100ms;
    border: none;
    font-weight: 300;
}

#menu_desplegable nav ul li a.current, #menu_desplegable nav ul li span.current {
    color: #000000;
}

#menu_desplegable nav ul li a:hover, #menu_desplegable nav ul li span:hover {
    color: #000000;
	font-weight: 600;
    cursor: pointer;
}

#menu_desplegable nav ul .dropdown ul {
    list-style: none ;
    margin-left: 20px;
    padding: 0;
	font-size:14px;
}

#menu_desplegable .idiomas {
	margin-top: 30px; 
	border-top: solid 1px #000000; 
	width:100%; 
	padding-top: 20px;
	
}

/*
5. Contact
*/

#contacto_container input,
#contacto_container textarea {
	border:none;
	border-bottom:1px solid #000;
    background-color: transparent;
    margin-bottom: 30px;
	font-family: 'Roboto', 'Tahoma', 'Arial', sans-serif;
	font-size:14px;
	padding: 10px 0px;
	width:100%;
}

#contacto_container input:focus,
#contacto_container textarea:focus {
    border-color: rgba(0, 0, 0, 0.3);
	outline:none;
}

#contacto_container input.invalid,
#contacto_container textarea.invalid {
    border-color: #f44336;
    color: #f44336;
    border-radius: 0;
}

#contacto_container textarea {
    min-height: 250px;
}

#contacto_container #message {
    margin-top: 20px;
}

#contacto_container #message p {
    margin: 0;
    margin: 0;
}

#contacto_container #message .error p {
    color: #f44336;
}

#contacto_container #message .success p {
    color: #000000;
}

.btn_enviar {
	border:none;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	padding: 10px 20px;;
}

/*
	12. Responsive
*/

@media (max-width: 991px) {
	
	.site_wrapper{
		display:block;
		
	}
	/*
	#botonera_mobile {
		display:block;
	}
	
	#botonera_desktop {
		display:none;
		
	}
	*/
	#contenido {
		display:block;
		width: 100%;
		height:100%;
        padding-top: 80px;
	}
	
	.iframe_wrapper {
		/*padding: 30px;*/
	}
}