/****************************************************************************************************
	Definicion de etiquetas HTML
****************************************************************************************************/

body {background:#1a171b;	font-family:Arial, Helvetica, sans-serif;	font-size:62.5%; color:#1a171b;}

/****************************************************************************************************
	LAYOUT
****************************************************************************************************/

#topBar {position:relative; background:#000000; z-index:1;}
#container {position:relative; margin:auto; background:#ffffff url("http://www.evacosmetics.com/images/bg-body-prof.jpg") repeat-x top left; z-index:0;}
#header {position:relative;	margin:auto; padding:0 30px 0 30px;	width:895px; height:78px;	z-index:1;}
#menu {position:relative;	margin:auto; padding:10px 30px 0 30px; width:895px;	background:#ffffff; z-index:1;}
#content {position:relative; margin:auto; padding:10px 30px 10px 30px;	width:895px; background:#ffffff; z-index:1;}
#bottomBar {position: relative;	width:100%;	background:#1a171b;	z-index:1;}

/****************************************************************************************************
 Estilos de las zonas comunes
****************************************************************************************************/

/* zona superior (top-bar.php)
**************************************************/

#topNav {position: relative;margin: auto;padding: 0 30px 0 30px;width: 895px;height: 26px;}
#topNavLeft {float: left;}
#topNavLeft ul li {float: left;padding: 5px 15px 5px 15px;background: #000000 url("http://www.evacosmetics.com/images/top-nav-sep.jpg") no-repeat bottom right;}
#topNavLeft ul li.first {padding: 4px 15px 4px 15px;background: #99bfe4;	_height: 20px;}
#topNavLeft ul li a {font-family: "Trebuchet MS"; font-size: 1.6em;color: #ffffff;text-decoration: none;}
#topNavLeft ul li.first a {font-family: "Georgia";font-size: 1.8em; font-style: italic;text-decoration: none;}
#topNavRight {float: right;}
#topNavRight ul li {float: left;height: 11px;margin: 3px 0 0 0;padding: 4px 0 5px 0;}
#topNavRight ul li a {font-family: "Trebuchet MS"; font-size: 1.1em;color: #ffffff;text-decoration: none;}
#country {padding-right: 10px !important;}
#country img {padding: 0 0 0 5px;vertical-align: middle;}
#intranet {padding-left:10px !important; width:100px; border-left: 1px solid #ffffff;}
#intranet a {text-decoration: underline !important;}
#sel_country {position: absolute; top:24px; right:141px; z-index: 2;background: #000000;display: none;}
#sel_country li {float: none !important;padding: 7px 5px 7px 5px !important;border: none !important;border-top: 1px solid #cccccc !important;text-align: right !important;}
#sel_country li.first {border-top: none !important;}
#sel_country li a {	font-family: "Trebuchet MS"; font-size: 1.1em;color: #ffffff;text-decoration: none;}

/* header (header.php)
**************************************************/

#header h1 span {display:none;}
#header .logo {position:absolute; top:0; left:0; margin: 29px 0 0 30px;}
#header .slogan {position:absolute; top:55px; left:110px; width:185px; font-family:"Georgia"; font-size:11px; color:#ffffff; line-height:normal; font-style:italic; text-decoration:none !important; font-weight:bold; }

/* menu (menu.php)
**************************************************/

#menu-nav {background:#99bfe4; overflow:hidden;}
#menu-nav ul li {float:left; padding:5px 10px 5px 10px; border-right:1px dotted #ffffff;}
#menu-nav ul li.last {border-right:none;}
#menu-nav ul li a {font-family:"Georgia";	font-size:1.4em; color:#ffffff;	font-style:italic; font-weight:bold; text-decoration:none;}

/* lote de productos (welcome-pack.php)
**************************************************/

#welcome-pack {position:relative; width:290px; font-family:"Trebuchet MS"; font-size:14px; line-height:normal; text-decoration:none; border-bottom:2px dotted #00aad2; margin-bottom:10px; }
#welcome-pack h3 {
	font-family: "Georgia" !important;
	font-weight: bold !important;
	font-style: italic !important;
	text-align: left !important;
	font-size: 18px !important;
	line-height: normal !important;
	color:#fe360d !important;
	padding: 0 0 0 20px !important;
	background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0px 3px;	
}
#welcome-pack img { margin: 5px 0 0 25px; }
#welcome-pack #lp_form {margin:10px 0 20px 0; text-align:right !important;}
#welcome-pack .textField {margin:0 0 5px 5px; border:1px solid #00aad2;}
#welcome-pack a {font-family:"Trebuchet MS";	font-size:14px;	line-height:normal; color: #00aad2 !important; text-decoration:underline;}
#welcome-pack small {float:left;}

/* zona inferior - redes sociales y enlaces (bottom-bar.php)
**************************************************/

#topBottomBar {position:relative;	background:#99bfe4;}
#topBottomBarContent {margin:auto; padding:5px 30px 5px 30px; width:895px; overflow:hidden;}
#socialMediaLinks {position:relative; float:left; margin:0 0 0 75px;}
#socialMediaLinks p {float:left; margin:10px 20px 0 0; font-family:"Trebuchet MS"; font-size:1.4em; color:#ffffff;}
#socialMediaLinks ul {float:left;}
#socialMediaLinks ul li {float:left; margin:0 15px 0 0;}
#newsletterSubs {position:relative; float:right; margin:0 75px 0 0;}
#newsletterSubs p {float:left; margin:5px 0 0 0; font-family:"Trebuchet MS"; font-size:1.4em; color:#ffffff;}
#bottom-menu-nav {margin:auto; padding:30px 30px 0 30px; width:895px;	overflow:hidden;}
#bottom-menu-nav .col {position:relative; padding:0 10px 0 10px; width:158px; height:200px;	float:left; border-left:1px solid #c9c8c9;}
#bottom-menu-nav .col h2 {margin:0 0 5px 0; font-family:"Trebuchet MS";	font-size:1.2em; color:#99bfe4;}
#bottom-menu-nav .col ul li {margin:0 0 3px 0;}
#bottom-menu-nav .col ul li a {text-decoration:underline; font-family:"Trebuchet MS";	font-size:1.2em; line-height:normal; color:#ffffff;}
#bottom-menu-nav .col .copyright {text-decoration:none !important; font-family:"Trebuchet MS"; font-size:1.2em; line-height: normal;	color:#ffffff;}
#bottom-menu-nav .col .t4xi {margin-top:20px !important;}
#bottom-menu-nav .col .t4xi a {text-decoration:none !important; font-family:"Trebuchet MS"; font-size:1.2em; line-height: normal;	color:#999999;}

/****************************************************************************************************
 estilos y etiquetas del contentido central.
****************************************************************************************************/

/* breadcrumbs y buscador.
**************************************************/

#content .breadAndSearchBar {margin:-5px 0 15px 0; padding:0; width:100%; overflow:hidden;}
#content #breadcrumbs {position:relative; float:left; padding:0 0 0 10px; width:575px; font-family:"Trebuchet MS"; font-size:1.1em; color:#1a171b; line-height:normal;}
#content #breadcrumbs a {text-decoration:underline; color:#1a171b;}
#content #search {position:relative; float:right;}
#content #search #cse-search-box .search-button {cursor:pointer; border:none; width:16px; background:#ffffff url("http://www.evacosmetics.com/images/magnifying-glass.jpg") no-repeat 0 2px;}

/* contenido central.
**************************************************/

#content .clearfix {position:relative; clear:both; overflow:hidden;}
#content #leftPannel {position:relative; float:left; width:305px; border-right:1px dotted #b4cfe9; overflow:hidden;}
#content #rightPannel {position:relative; margin:0 0 0 320px; overflow:hidden; width:575px;}
#content .menu ul {margin:20px 0 40px 0; width:290px;}
#content .menu ul li {text-align:right; margin:0 0 20px 0; padding:0 40px 0 0;}
#content .menu ul li.selected {background:#ffffff url("http://www.evacosmetics.com/images/double-left-arrow.jpg") no-repeat 100% 7px;}
#content .menu ul li a {font-family:"Georgia"; font-weight:bold; font-style:italic;	font-size:2.0em; line-height:normal; color:#b9c5d3;	text-decoration:none; border-bottom: 2px dotted #b9c5d3;}
#content .menu ul li a:hover {color: #535e7a; border-bottom: 2px dotted #535e7a;}
#content .menu ul li.selected a {color: #535e7a; border-bottom: 2px dotted #535e7a;}
#content .banners h3 {display:block; width:90%; padding:5px 0 5px 20px; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0px 5px; font-family:"Georgia"; font-style:italic; font-size:14px; font-weight:bold; color:#87888a; text-decoration:none;}
#content .banners h3 a {color:#87888a; text-decoration:none;}
#content .banners img {margin:0 0 15px 0;}

/* tinyContent */
#content .tinyContent p {margin:0 0 0.5em 0; font-family:"Trebuchet MS"; font-size:1.4em; line-height:normal; color:#1a171b;}
#content .tinyContent h2 {margin:1em 0 0.7em 0; padding:0 0 0 20px; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0% 2px; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; color:#1a171b;}
#content .tinyContent h3 {margin:0.7em 0 0.2em 0; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; color:#00aad2;}
#content .tinyContent a {color:#00aad2; text-decoration:underline;}
#content .tinyContent hr {color:#ffffff; border:none; border-bottom:1px dotted #c3c4c4;}
#content .tinyContent ul {list-style: disc inside; margin: 1em 0 1em 0;}
#content .tinyContent ul li {font-family:"Trebuchet MS"; font-size:1.4em; line-height:normal; color:#1a171b;}

#content .tinyContent .color {color: #00aad2;}
#content .tinyContent .normalText {font-family: "Trebuchet MS"; font-size: 1.4em !important; line-height: normal; color: #1a171b;}
#content .tinyContent .defaultColor {color: #1a171b;}

#content .tinyContent .paginator {border: 1px dotted #b1b3b4; border-left:none; border-right:none; padding:5px 2px 5px 0;}
#content .tinyContent .paginator p {margin:0; padding:0; text-align:right; font-family:"Georgia"; font-size: 1.2em; font-weight:bold; font-style:italic; color:#00aad2;}
#content .tinyContent .paginator p span.selected {color:#1a171b;}
#content .tinyContent .paginator a {text-decoration:none;}

#content .tinyContent p a.read-more {font-family:"Georgia"; font-weight:bold; font-style:italic;}


/* compartir en redes...
**************************************************/

.share {margin:40px 0 20px 0; padding:10px 0 10px 0; width:100%; height:16px; border:1px dotted #c3c4c4; border-left:none; border-right:none; overflow:hidden;}
.addthis_button_compact {font-family:"Verdana" !important; font-size: 1em !important; color:#707173 !important; text-decoration:none !important;}

.vota_toolbox {float:right;}
.i_like {height: 17px;padding: 0 0 0 20px;	background-image: url('http://www.evacosmetics.com/images/red_hand.jpg'); background-position: center left;	background-repeat: no-repeat; text-align: left;	font-size: 1em;	color: #9a9a9a;}
.i_like span a {text-decoration: none; color: #000000;}

/* brands (brands.php)
**************************************************/

#content #brands {position: relative; clear: both; width: auto; padding: 0 5px 0 5px; overflow: hidden; margin: 20px 0 10px 0;}
#content #brands h2 {font-family: "Trebuchet MS"; font-size: 1.1em; color: #99bfe4;}
#content #brands li {float:left; padding:6px 13px 0 0;}
#content #brands li.first {padding:6px 13px 0 6px;}
#content #brands li.last {padding:6px 0 0 0;}

/* estilos varios para formularios, botones...
**************************************************/

.formContainer {margin:auto; width:375px; float:left;}
.tblForm td {text-align:right; background-color: #ebf2fa; padding:3px 5px 3px 5px; vertical-align:middle; border-bottom:5px solid #ffffff; font-family:'Trebuchet MS'; font-size:1.4em;}
.tblForm td label {font-weight:bold;}
.textField {padding:2px 1px 2px 1px; width:200px; color:#000000; border:none;}
.textField:focus {background: #ebf2fa;}
.textArea {padding:2px 1px 2px 1px; width:200px; color:#000000; border:none;}
.textArea:focus {background: #ebf2fa;}
.checkbox {}
.select {padding:2px 1px 2px 1px; width:200px; color:#000000; border:none;}
.select:focus {background: #ebf2fa;}
.button {font-family:'Georgia'; font-weight:bold; font-style:italic;  margin:5px 0 40px 0; padding:0 0 0 0; color:#00aad2; background:none; border:none; cursor:pointer; text-decoration:underline !important; float:right;}
.button2 {font-family:'Trebuchet MS'; font-weight:normal; font-style:normal; padding:0 2px 0 2px; color:#ffffff; background-color:#000000; border:none; cursor:pointer; text-decoration:none;}
.required {color:#00aad2;}

/* listas	*/
.tblList tr.caption-row td {background:#ebf2fa; padding:5px 5px 5px 5px;}
.tblList tr.caption-row td span {padding:0; font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; font-weight:bold; text-align:right;}

.tblList tr.value-row:hover {background:#f0f1f1; cursor:pointer;}
.tblList tr.value-row td {padding:5px 5px 5px 5px; border-top:10px solid #ffffff; border-bottom:10px solid #ffffff;}
.tblList tr.value-row td span {padding:0; font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; font-weight:normal; text-align:right;}

/* mapa web
**************************************************/

#sitemap {position:relative;}
#sitemap a {}
#sitemap ul {margin:0 !important; padding:0 !important;	list-style:none !important;}
#sitemap ul li {margin:0 !important; font-family:"Trebuchet MS"; font-size:14px !important; line-height:normal;}

#sitemap ul.first-block {margin:0px 0px 15px 0px !important;}
#sitemap ul.first-block li {margin:0px 0px 0px 0px !important;}

#sitemap ul.second-block {margin:5px 0px 0px 0px !important;}
#sitemap ul.second-block li {margin:0px 0px 5px 15px !important;}
#sitemap ul.second-block li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important;  font-weight:normal;}

#sitemap ul.orphan-block {margin:0px 0px 15px 0px !important;}
#sitemap ul.orphan-block li {margin:0px 0px 0px 0 !important;}
#sitemap ul.orphan-block li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important;  font-weight:normal;}

#sitemap #products {margin:5px 0 0 10px !important;}
#sitemap #products ul {margin:5px 0px 0px 0px !important;}
#sitemap #products ul li {margin:0px 0px 5px 15px !important; color:#707173; font-weight:bold;}
#sitemap #products ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important;  font-weight:normal;}

#sitemap #products ul li ul {margin:5px 0px 15px 0px !important;}
#sitemap #products ul li ul li {margin:0px 0px 5px 15px !important; color:#707173; font-weight:normal;}
#sitemap #products ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important; font-weight:normal;}

#sitemap #products ul li ul li ul {margin:5px 0px 0px 0px !important;}
#sitemap #products ul li ul li ul li {margin:0px 0px 5px 15px !important;}
#sitemap #products ul li ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important;  font-weight:normal;}

#sitemap #products ul li ul li ul li ul {margin:5px 0px 0 0px !important;}
#sitemap #products ul li ul li ul li ul li {margin:0px 0px 5px 15px !important;}
#sitemap #products ul li ul li ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-prof.gif') no-repeat 0px 7px !important;  font-weight:normal;}

/*	our-locations.php	*/

#national_partner_form label {font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; font-weight:bold; color:#707173 !important;}
#national_partner_form select {padding:2px 1px 2px 1px; width:200px; border:1px solid #d1d1d1; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;}
#national_partner_form select:focus {background: #ffffff;}
#national_partner_form .button {margin:0 !important; width:auto !important;padding:0px 5px 0px 5px !important; float:none !important; font-family:'Trebuchet MS' !important; font-weight:bold !important; font-size:1.2em !important; font-style:normal !important; color:#707173 !important; background-color:#cccaca; border:none !important; cursor:pointer; text-decoration:none !important;}

ul.national_partners {margin:15px 0 0 30px !important; padding:0 !important; list-style:none !important;}
ul.national_partners li {margin:0 0 10px 0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;}
ul.national_partners li div div.partner_info {margin:10px 0 20px 12px !important; padding:0 !important;}		
ul.national_partners li div div.partner_info p {margin:0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;}		

ul.international_partners {margin:15px 0 0 30px !important; padding:0 !important; list-style:none !important;}
ul.international_partners li {margin:0 0 10px 0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;}
ul.international_partners ul {margin:0 0 0 0 !important; padding:0 !important; list-style:none !important;}				
ul.international_partners ul li {margin:10px 0 0 12px !important; padding:0 0 0 0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;}
ul.international_partners ul li div div.partner_info {margin:10px 0 20px 12px !important; padding:0 !important;}		
ul.international_partners ul li div div.partner_info p {margin:0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;}		

/*	nous estils	*/

.contact_form_v1 {margin:auto; width:375px; float:left;}

.contact_form_v2 {margin:auto; padding:15px; background:#ebf2fa; width:550px; float:left;}
.contact_form_v2 p {margin:0 0 0 0; padding:0 0 5px 0;}
.contact_form_v2 .georgia {font-family:"Georgia";}
.textField_v2 {background:#ebf2fa; padding:2px 1px 2px 1px; width:200px; color:#000000; border:none; border-bottom:1px solid #37bbe2;}
.textField_v2:focus {background: #ffffff;}
.textArea_v2 {background:#ebf2fa; padding:2px 1px 2px 1px; width:200px; color:#000000; border:none; border:1px solid #37bbe2;}
.textArea_v2:focus {background: #ffffff;}
.select_v2 {background:#ebf2fa; padding:2px 1px 2px 1px; width:200px; color:#000000; border:none;}
.select_v2:focus {background: #ffffff;}
.button_v2 {font-family:'Georgia'; font-size:18px; color:#00aad2; line-height:normal; font-weight:bold; font-style:italic; text-decoration:none; background:none; border:none; cursor:pointer; float:right; }