/* 
Theme Name: Elastic_CSS
Theme URL: http://www.elasticss.com
Description: The original theme from the Elastic CSS Framwork homepage.
Author: Javier Ayala & Sergio de la Garza
Author URI: http://www.elasticss.com
Version: 1.0
*/

html, body {
	background: repeat-x url(images/header_background_elastic_css.png) top center;
	height: 100%;
	min-height: 100%;
}
body *{
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
}
p, li, dd {
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
	color: #5E5D5D;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-stretch: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	color: #0377B0;
	padding: 5px;
	margin: 5px 0;
}
h1 {
	font-size: 190%;
	color: #0377B0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #0377b0;
}
h1 a, h1 a:visited, h1 a:active {
	color: #0377B0;
	text-decoration: none;	
}
h2 {
	font-size: 170%;
	color: #0377AA;
}
h2 a, h2 a:visited, h2 a:active {
	color: #0377B0;
	text-decoration: none;	
}
h3 {
	font-size: 140%;
	color: #444;
	font-weight: bold;
}
h4 {
	font-size: 150%;
	color: #FFF;
	font-family: "Times New Roman", serif;
	margin: 14px;
	font-weight: bold;
}
h5 {
	font-size: 140%;
	color: #444;
	font-weight: bold;
}
div.main-content {
	background: #FFF url(images/post-blue-background.png) repeat-x;
	padding: 20px;
}
div.main-content a.leermas{
	color: #0377B0;
	font-weight: bold;
	text-decoration: none;
	font-size: 95%;
}
div.main-content a.leermas:hover{
	color: #555;
	text-decoration: underline;
}
div.main-content p, div.main-content li, div.main-content dd{
	font-size: 105%;
	text-align: justify;
}
div.content {
	width: 967px;
}

div.layout div.content div.header div.menu{
	background: no-repeat url(images/header_menu_background.png) top center;
}
	div.layout div.content div.header div.menu a {
		display: block;
		float: left;
		color: #777;
		padding: 0 32px;
		text-decoration: none;
		border-right: 1px solid #CCC;
		margin-top: 16px;
	}
	div.layout div.content div.header div.menu a:hover {
		color: #0070a8;
	}

div.layout div.content div.sidebar div.sidebar-menu {
	background: repeat-y url(images/sidebar-menu-background.png) top center;
}
	div.layout div.content div.sidebar div.sidebar-menu ul {
		margin: 0;
		padding: 0;
	}
		div.layout div.content div.sidebar div.sidebar-menu ul li {
			margin: 0;
			padding: 0 20px 0 15px ;
			display: block;
			list-style-image: url(images/sidebar-menu-bullet.png);
			list-style-position: 6% 50%;
		}
		div.layout div.content div.sidebar div.sidebar-menu ul li:hover {
			background: repeat-y url(images/sidebar-menu-background-hover.png) top center;
		}
			div.layout div.content div.sidebar div.sidebar-menu li a {
				display:block;
				text-decoration: none;
				width: 190px;
				color: #999;
				font-size: 103%;
				padding: 10px 0 10px 30px;
				text-align: left;
				border-bottom: 1px solid #CCC;
				background: no-repeat url(images/sidebar-menu-bullet.png) 6% 50%;
	
			}
			div.layout div.content div.sidebar div.sidebar-menu p.side-menu-item:hover a {
				color: #19a7e9;
			}

/********************
** search form style
********************/
div.layout div.content div.box div.top {
	background: no-repeat url(images/box-top.png) top center;
}
div.layout div.content div.box div.middle {
	background: repeat-y url(images/box-middle.png) top center;;
}
div.layout div.content div.box div.bottom {
	background: no-repeat url(images/box-bottom.png) bottom center;;
}
div.layout div.content div.box-content {
	width:275px;
}
/******end ***********/

div.layout div.content div.header div.menu{
	height: 33px;
}
	
	div.layout div.content div.header div.sub-menu ul, div.layout div.content div.header div.sub-menu ul li {
		margin: 0;
		padding: 0;
	}
	div.layout div.content div.header div.sub-menu ul{
		float: left;
	}
	div.layout div.content div.header div.sub-menu ul li {
		list-style: none;
		float:left;
	}
	div.layout div.content div.header div.sub-menu ul li a {
		display: block;
		float: left;
		font-size: 10px;
		font-weight: bold;
		color: #0f4f81;
		text-transform: uppercase;
		padding: 6px 15px 0 0;
		text-decoration: none;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	}
	div.layout div.content div.header div.sub-menu{
		height: 30px;
	}
	
/********************
** search form style
********************/

div.layout div.content div.header div.search form input[type="text"]{
	padding:6px 30px 6px 6px;
	margin: 0;
	color: #CCC;
	font-size: 12px;
	background-color: #021e34;
	border: 2px solid #517a9b;
	width:190px;
}
div.layout div.content div.header div.search form input[type="submit"]{
	background: #021e34 no-repeat url(images/header_search_icon.png) top center;
	margin-left: -30px;
	margin-top: 4px;
	height: 22px;
	width:18px;
	border: none;
}
/********************
** SUBMIT GALLERY form style
********************/
span.c-form{
	display: block;
	padding-top: 5px;
	margin-top: 6px;
	padding-bottom: 5px;
	border-top: 1px dashed #DDD;
}

div.wpcf7 form {
	color: #555;
	font-weight: normal;
	font-style: italic;
	font-family: Verdana, Arial, sans-serif; 
}
div.wpcf7 form input[type="text"] {
	padding:5px;
	margin: 5px;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	background-color: #CCC;
	border: 2px solid #f7f7f7;
	font-style: normal;
	font-family: Verdana, Lucida, serif; 
	width:90%;
}
div.wpcf7 form input[type="text"]:focus {
	background-color: #FFFFEF;
	border: 2px solid #EFEFEF;
}
div.wpcf7 form textarea {
	padding:5px;
	margin: 5px;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	background-color: #CCC;
	border: 2px solid #f7f7f7;
	font-style: normal;
	font-family: Verdana, Lucida, serif; 
	width:90%;
}
div.wpcf7 form textarea:focus {
	background-color: #FFFFEF;
	border: 2px solid #EFEFEF;
}
div.wpcf7 form input[type="submit"] {
	font-size: 120%;
	color: #FFF;
	padding: 10px;
	background: #0070a8;
	float: right;
	border: 1px solid #efefef;
	margin-top: 10px;
	margin-right: 40px;
	font-style: italic;
	text-decoration: none;
	width:55%;
}
div.wpcf7 form input[type="submit"]:hover, div.wpcf7 form input[type="submit"]:active{
	background: #00608F;
	cursor: pointer;
}

/***********************/
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 690px; 
    height:500px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
}
div.scrollable div.items img.producto{ 
    border: 10px solid #EEE;
    margin: 0 auto;
    display: block;
}
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
    width:690px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
}
ul.tabs {
	padding: 0;
	margin: 0;
}
ul.tabs li{
	cursor: pointer;
	text-decoration: underline;
	text-decoration: none;
	text-align: center;
	display: block;
	border: 1px solid #EEE;
	font-size: 85%;
	font-weight: bold;
	width: 219px;
	margin: 2px;
	padding: 2px;
	float: left;
	background-color: #CCC;
}
ul.tabs li a {
	color: #5E5D5D;
	cursor: pointer;
	text-decoration: underline;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 219px;
}
ul.tabs li a:hover{
	background-color: #444;
	color: #FFF;
}
ul.tabs li:hover{
	background-color: #444;
	color: #FFF;
}
ul.tabs li.active{
	background-color: #0070a8;
	color: #FFF;
}