/*
Theme Name: enSinestesia
Theme URI: http://ensinestesia.com
Description: enSinestesia
Version: 1.0
Author: enSinestesia
Author URI: http://ensinestesia.com
Tags: enSinestesia, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


/****************************************************************fuentes*/

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/****************************************************************arreglos*/

a{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

a:hover{
	color: #424242;
}

a:visited{
	/*color: #;*/
}

a:visited:hover{
	/*color: #;*/
}

img{
	border: none;
}

body, html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'source_sans_proregular';
	font-size: 18px;
	background-color: #d8d8d8;
}


/****************************************************************login*/

.full{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(88,88,88,0.7);
}

.log_box{
	width: 200px;
	height: 200px;
	padding: 50px;
	margin: 150px auto 0 auto;
	background-color: #d8d8d8;
	text-align: center;
	border: 10px solid #a4a4a4;
	border-radius: 25px;
}


/****************************************************************estructura principal*/

.container{
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 0;
}

.area_header{
	width: 100%;
	height: 130px;
	padding: 20px 0 20px 0;
}

.area_content{
	width: 100%;
	padding: 20px 0 20px 0;
}

.area_footer{
	width: 100%;
	padding: 20px 0 20px 0;
	text-align: center;
}

.area_sidebar{
	
}


/****************************************************************area_header*/

.encabezado{
	float: left;
	margin-top: 30px;
	font-family: 'source_sans_probold';
	font-size: 22px;
}

.logo{
	float: right;
}


/****************************************************************menu*/

.menu_item{
	float: left;
	width: 150px;
	height: 280px;
	margin-left: 25px;
	padding: 85px 15px 15px 15px;
	border: solid 10px #a4a4a4;
	border-radius: 25px;
	font-family: 'source_sans_probold';
	font-size: 22px;
	text-align: center;
}

.menu_item:hover{
	background-color: #bdbdbd;
}

/****************************************************************area_content*/

.titulo{
	margin: 0 0 25px 0;
	padding: 5px 10px 5px 10px;
	border-top: solid 5px #a4a4a4;
	border-bottom: solid 5px #a4a4a4;
	font-family: 'source_sans_probold';
}

.columna{
	float: left;
	width: 410px;
}

.sidebar{
	float: left;
	width: 250px;
	padding: 15px;
	border: solid 5px #a4a4a4;
}

.menu_item_side{
	margin-bottom: 15px;
	border: solid 5px #a4a4a4;
	border-radius: 25px;
	text-align: center;
}

.menu_item_side:hover{
	background-color: #bdbdbd;
}

.nombre{
	
}

.mapa{
	float: left;
	width: 700px;
	margin-bottom: 15px;
	/*height: 500px;
	overflow:scroll;*/
	background-color: white;
}

.mapa img{
	width: 700px;
}

.centrar_menu{
	width: 300px;
	margin: 0 auto 0 auto;
}

td{
	padding: 5px 0 5px 0;
}

.lista, .lista tr td, .lista tr th{
	border: 1px solid black;
	padding-left: 10px; 
	padding-right: 5px;
}

.lista tr th{
	font-weight: bold;
	text-align: center;
}


/****************************************************************area_footer*/

#searchsubmit{
	background-image: url(images/search.png);
	width: 32px;
	height: 32px;
	background-color: none;
	border: none;
	cursor: pointer;
}

.search-submit{
	background-image: url(images/search.png);
	width: 32px;
	height: 32px;
	background-color: none;
	border: none;
	cursor: pointer;
}

.enS{
	font-size: 14px;
}

.enS a{
	font-weight: bold;
}