@charset "utf-8";
/* CSS Document */

/*---------------------------Genrael Clases---------------------------------------*/

body {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#000206;
	background:#fff;
}
* {
	margin:0px;
	padding:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#484853;
}
a:hover {
	text-decoration: none;
}
p.space {
	margin: 0 0 15px; 
}

img {
	border:none;
}
strong {
	color:#0060a9;
	font-weight:bold;
}
h1, h2, h3, h4 {
	color:#0060a9;
}

/*---------------------------Layout Content Clases---------------------------------*/


#fondo {                /*------------------------For Page Main Width------------------------------------*/
background: url(../images/bgr.gif) repeat-y top center; 
width:1100px; 
height:auto!important;
margin:-5px auto;
padding:0;

}

#Layout {                
	width:980px;
	margin: 5px 0 0 50px;;
}


/* BEGIN HEADER */
#Top {
	height:142px;
	background:url(../images/.layout-top.jpg) no-repeat top;
	position: relative;
	width:980px;
	
}
#Logo {
	position:absolute;
	left:10px;
	margin-top:0.9em;
}
#TopContent {
	position:absolute;
	right:16px;
	top:5px;
	width: 278px;
	height: 90px;
}
#TopContent li {
	float:right;
}
#TopContent li.cart {
	background:url(../images/OXO---Homepage_14.gif);
	width:124px;
	height:31px;
	padding-left:44px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	margin-top:3px;
	color:#333333;
}
#TopContent li.cart-value {
	padding-top:8px;
	padding-right:10px;
}
#TopContent li span {
	margin:0 10px;
}
#TopContent li .blue {
	color:#0060a9;
}
#TopContent li .blue a {
	color:#0060a9;
}
#Nav {
	background:url(../images/menubg.gif) no-repeat;
	height:50px;
	overflow:hidden;
	position:relative;
	top:104px;
	float:left;
	width:966px;
	margin:5px 0 0 15px;
	font-size:13px;
	font-weight:550;
}
#Nav .NavBody {
	height:50px;
}
#Nav ul {
	height:50px;
	margin:0 0 0 0;
}
#Nav ul li {
	float:left;
	height:36px;
	line-height:40px;
	font-family:""Trebuchet MS"";
}
#Nav ul li a {
	color:#000000;
	margin:0 15px;
}
#Nav ul li.nolink {
	margin:0 15px;
	color:#0060A9;
}
#Nav .nolink2 {
	color:#0060A9;
}
#Nav ul li.link {
	margin:0;
	font-weight:bold;
}
#Nav ul li.search {
	background:url(../images/searchbg.gif) no-repeat;
	float:right;
	height:26px;
	width:195px;
	margin-top:7px;
	margin-right:10px;
	padding-left:10px;
	line-height:26px;
}
#Nav ul li.search input.searchfeild {
	background:none;
	border:none;
	color:#787878;
	font-size:11px;
	margin-top:8px;
	width:154px;
	float:left;
}
#Nav ul li.search input.action {
	float:left;
	margin-right:10px;
	margin-top:8px;
}
/* END HEADER */
/* BEGIN CONTENT */
#Content {
	padding-top:25px;
	padding-bottom:10px;
	padding-left:16px;
	padding-right:16px;
}
/* START LeftSide */
#Content .LeftSide {
	float:left;
	width:190px;
}
.leftBox {
	background:url(../images/leftBox-bg.gif) repeat-y;
	margin-bottom:25px;
	
}
.leftBox h3 {
	background:url(../images/leftBox-top.gif) no-repeat;
	height:30px;
	padding:0 10px;
	color:#333333;
	font-size:14px;
	padding-left:12px;
}
.leftBox h3 span {
	padding-top:8px;
	_padding-top:4px;
}
.leftBox h4 {
	background:url(../images/leftBox-top2.gif) no-repeat;
	height:7px;
	padding:-10px 10px;
	color:#333333;
	font-size:14px;
	padding-left:12px;
}

.leftBox .leftBoxBody {
	padding:5px 10px;
	background:url(../images/leftBox-bottom.gif) no-repeat bottom left;
}
.leftBox .cat-link {
	padding-top:15px;
}
.leftBox .cat-link li {
	background:url(../images/aro.gif) no-repeat left 5px;
	padding-left:11px;
	border-bottom:#C0C0C0 dotted 1px;
	padding-bottom:6px;
	margin-bottom:20px;
	font-size:12px;
}
.leftBox .cat-link li a:hover, .leftBox .cat-link li a.active {
	color:#0060a9;
	text-decoration:none;
}
/* INICIO BLOQUE INICIO*/
.leftBox .box_ini {
	padding-top:5px;
	text-align:center;
}
.leftBox .box_ini li {
	background:url(../images/aro.gif) no-repeat left 5px;
	padding-left:11px;
	border-bottom:#C0C0C0 dotted 1px;
	padding-bottom:6px;
	margin-bottom:20px;
	font-size:11px;
}
.leftBox .box_ini li a:hover, .leftBox .cat-link li a.active {
	color:#0060a9;
	text-decoration:none;
}
.leftBox .box_ini p a {
	font-size:14px;
	color:#0060a9;

}
.box_ini .nombre a{
	font-size:18px;
	color:#0060a9;

}
/* FIN BLOQUE INICIO*/

/* INICIO BLOQUE IZQUIERDO FORMACION/CONSULTORIA*/
.leftBox .box_formacion {
	padding-top:15px;
	margin-left:0px;
	text-align:left;
	width:180px;
}
.leftBox .box_formacion li {
	background:url(../images/aro.gif) no-repeat left 5px;
	padding-left:11px;
	border-bottom:#C0C0C0 dotted 1px;
	padding-bottom:6px;
	margin-bottom:20px;
	font-size:11px;
}
.leftBox .box_formacion li a:hover, .leftBox .cat-link li a.active {
	color:#0060a9;
	text-decoration:none;
	padding-left:5px;
}
.leftBox .box_formacion p {
margin-left:-8px;
}
.box_formacion .imagen {
margin-left:-5px;

}
.box_formacion .imag_consultoria{
margin-left:-5px;

}

/* FIN BLOQUE IZQUIERDO FORMACION*/

.sellerlist {
	padding:15px 0px;
}
.sellerlist li {
	background:#FBFBFB;
	padding:10px;
	margin-bottom:5px;
	_height:1px;
}
.sellerlist li span {
	float:left;
	width:22px;
	color:#0060a9;
}
.sellerlist li p {
	float:left;
	width:80px;
}
.cards {
	padding-left:5px;
}
.cards li {
	float:left;
	height:26px;
	margin-right:3px;
}
/* END LeftSide */
/* START RightSide */
#Content .RightSide {
	float:left;
	width:530px;
	margin-left:20px;
}
.RightSide .bredCrum {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:#dedede solid 1px;
	font-size:18px;
	margin-top:5px;
}
.RightSide .bredCrum h4 {
}
.RightSide .bredCrum a {
	color:#666666;
	text-decoration:none;
	margin-right:10px;
}
.RightSide .bredCrum a.select, .RightSide .bredCrum a:hover {
	color:#2b95ff;
	text-decoration:none;
}
.catrow {
	margin-bottom:35px;
}
.catrow li {
	float:left;
	margin-right:10px;
	width:170px;
}
.catrow li .new {
	background:url(../images/new.gif) no-repeat left top;
	position:absolute;
	right:-1px;
	top:0px;
	height:51px;
	width:60px;
}
.catrow li.last {
	margin-right:0px;
}
.catrow .catThum {
	width:160px;
	height:186px;
	border:#DEDEDE solid 1px;
	margin-bottom:12px;
	position:relative;
}
.catrow .catDetail {
	font-size:11px;
}
.catrow .catDetail h4 {
	color:#0060a9;
	font-size:13px;
	padding:0 13px;
	padding-top:8px;
	margin-bottom:3px;
}
.catrow .catDetail h4 a {
	color:#0060a9;
	text-decoration:none;
}
.catrow .catDetail h4 a:hover {
	text-decoration:underline;
}
.catrow .catDetail p {
	padding-left:13px;
}
<!-- INICIO PARTE INICIO -->
.catrow_ini {
	margin-bottom:35px;
	width:740px;
	float:right;
}
.catrow_ini li {
	float:left;
	margin-right:20px;
	width:230px;
}
.catrow_ini li .new {
	position:absolute;
	right:-1px;
	top:0px;
	height:51px;
	width:225px;
}
.catrow_ini li.last {
	margin-right:0px;
}
.catrow_ini .catThum {
	width:225px;
	height:186px;
	border:#DEDEDE solid 1px;
	margin-bottom:12px;
	position:relative;
}
.catrow_ini .catDetail {
}
.catrow_ini .catDetail h4 {
	color:#0060a9;
	font-size:13px;
	padding:0 10px;
	padding-top:8px;
	margin-bottom:3px;
}
.catrow_ini .catDetail h4 a {
	color:#0060a9;
	text-decoration:none;
}
.catrow_ini .catDetail h4 a:hover {
	text-decoration:none;
}
.catrow_ini .catDetail p {
	padding-left:10px;
}
h4.medium { 
	width: 720px; 
	height: 20px; 
	float: left; 
	display: inline-block; 
	background: url(../images/col_medium.png) no-repeat; 
	padding: 0 0 0 5px; 
}

div.medium_col { 
	float: left; 
	width: 720px; 
	padding: 10px 0 0px 5px; 
	background-image: url(../images/BG_medium_col.png);
}
div.medium_col p { 
	float: left; 
	width: 700px; 
	padding: 0 0 0 5px; 
}

div.medium_bottom { 
	display: inline-block; 
	width: 720px; 
	height: 5px; 
	background-image: url(../images/div_medium_bottom.png); 
	overflow: hidden; 
	float: left; 
	margin: 0 0 10px; }

<!-- FIN PARTE INICIO -->

<!-- INICIO PARTE FORMACION -->
.catrow_for {
	margin-bottom:35px;
}
.catrow_for li {
	float:left;
	margin-right:38px;
	width:206px;
}
.catrow_for li .new {
	background:url(../images/new.gif) no-repeat left top;
	position:absolute;
	right:-1px;
	top:0px;
	height:51px;
	width:100px;
}
.catrow_for li.last {
	margin-right:0px;
}
.catrow_for .catThum {
	width:345px;
	height:186px;
	border:#DEDEDE solid 1px;
	margin-bottom:12px;
	position:relative;
}
.catrow_for .catDetail {
	background:url(../images/OXO---Homepage_48.gif) repeat x;
}
.catrow_for .catDetail h4 {
	color:#0060a9;
	font-size:13px;
	padding:0 13px;
	padding-top:8px;
	margin-bottom:3px;
}
.catrow_for .catDetail h4 a {
	color:#0060a9;
	text-decoration:none;
}
.catrow_for .catDetail h4 a:hover {
	text-decoration:underline;
}
.catrow_for .catDetail p {
	padding-left:13px;
}
h4.medium { 
	width: 520px; 
	height: 20px; 
	float: left; 
	display: inline-block; 
	background: url(../images/col_medium.png) no-repeat; 
	padding: 0 0 0 5px; 
}

div.medium_col { 
	float: left; 
	width: 520px; 
	padding: 10px 0 0px 0px; 
	background-image: url(../images/BG_medium_col.png);
}
div.medium_col p { 
	float: left; 
	width: 500px; 
	padding: 0 0 0 5px; 
}

div.medium_bottom { 
	display: inline-block; 
	width: 520px; 
	height: 5px; 
	background-image: url(../images/div_medium_bottom.png); 
	overflow: hidden; 
	float: left; 
	margin: 0 0 10px; }

<!-- Fin parte formacion -->

/* PAGINA DE INICIO DE FORMACION */

.productDetial .mainThumb {
	width:350px;
	height:270px;
	float:left;
	overflow:hidden;
	border:#dedede solid 1px;
	margin-right:18px;
	text-align:center;
}
.productDetial .mainThumb a{
}
.productDetial .mainThumb a:hover{
	color:#0060a9;
}

/* DETALLES SOBRE CADA PAGINA DE FORMACION */
.productDetial .intformacion {
	width:520px;
	float:left;
	overflow:hidden;
	margin-right:18px;
}
.productDetial .intformacion p {
	padding: 10px 0 0 0;
}


.productDetial .intformacion ul li {
	padding: 5px 0 5px 10px;
}

.rightProduct {
	float:left;
	width:220px;
}
.rightProduct .thumb {
	width:90px;
	height:84px;
	overflow:hidden;
	float:left;
	margin-bottom:18px;
	border:#dedede solid 1px;
}
.rightProduct .marRight {
	margin-right:18px;
}
.detailInfo h2 {
	margin-bottom:15px;
	font-size:18px;
}
.detailInfo {
	line-height:145%;
}
.detailInfo p {
	margin-bottom:15px;
}
.detailInfo ul {
	padding-left:5px;
}
.detailInfo ul li {
	padding-left:5px;
}

.detailInfo p.add {
	margin-bottom:4px;
	color:#c3c3c3;
}

.price {
	color:#2b95ff;
	font-size:28px;
	font-weight:normal;
}
.cartDetail {
	float:left;
	width:695px;
	padding-bottom:15px;
}
.cartDetail .headings {
	padding:15px 0px;
	background:#f2f2f2;
	border-bottom:#dedede solid 1px;
}
.headings ul li {
	float:left;
}
.headings ul li.perview {
	width:105px;
	padding-left:35px;
}
.headings ul li.proName {
	width:215px;
}
.headings ul li.priceHead {
	width:82px;
}
.headings ul li.quanitity {
	width:85px;
}
.headings ul li.total {
	width:145px;
}
.cartDetail .proList {
	padding:15px 0px;
	background:#fbfbfb;
	margin-top:12px;
}

/*CONTACTAR */
#contact-form{
	width:720px;
	float:left;
	overflow:hidden;
	margin-right:18px;
	margin:30px 0 0 0;

}
#contact-form label{
	float:left; 
	width:80px;
	font-size:14px;
	margin:5px 0 0 0;
	
}
.contact-form h2{
	text-align:right;
	color:#000000;
}

#name,
#email,
#subject,
#message{
	border:1px solid #dddddd;
	padding:5px;
	color:#5e5e5e;
	font-size:14px;
	margin:5px 0 0 0;

}


#name:focus,
#email:focus,
#subject:focus,
#message:focus{
	border:1px solid #acacac;
	padding:5px;
}

#name,
#email,
#subject{
	width:285px;
}
#message{
	width:350px;
	height:200px;
}

.send_btn{
	border:none;
	padding:5px 5px;
	background:#dddddd;
	border:1px solid #000;
	text-transform:uppercase;
	color:#000;
	font-size:16px;
	margin:20px 0 0 0;
}
.send_btn2{
	border:none;
	padding:5px 5px;
	background:#dddddd;
	border:1px solid #000;
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	margin:20px 0 0 0;
}

#RightSide #productDetial #contact-form .errorMsg ul{
	color:#FF0000;
}
#RightSide #productDetial #contact-form .infoMsg h4{
	color:#00FF00;
}
/* FIN CONTACTAR */
/* END RightSide */
/* INICIO COLUMNA EXTRA DERECHA CONSULTORIA*/
#Content .ExtraRightSide {
	float:right;
	width:190px;
}
.ExtraRightSide {
	background:url(../images/leftBox-bg.gif) repeat-y;
	margin-bottom:25px;
	
}
.ExtraRightSide h3 {
	background:url(../images/leftBox-top.gif) no-repeat;
	height:30px;
	padding:0 10px;
	color:#333333;
	font-size:14px;
	padding-left:12px;
}
.ExtraRightSide h3 span {
	padding-top:8px;
	_padding-top:4px;
}
.ExtraRightSide h4 {
	background:url(../images/leftBox-top2.gif) no-repeat;
	height:7px;
	padding:-10px 10px;
	color:#333333;
	font-size:14px;
	padding-left:12px;
}

.ExtraRightSide .leftBoxBody {
	padding:5px 10px;
	background:url(../images/leftBox-bottom.gif) no-repeat bottom left;
}
.ExtraRightSide .cat-link {
	padding-top:15px;
}
.ExtraRightSide .cat-link li {
	background:url(../images/aro.gif) no-repeat left 5px;
	padding-left:11px;
	border-bottom:#C0C0C0 dotted 1px;
	padding-bottom:6px;
	margin-bottom:20px;
	font-size:11px;
}
.ExtraRightSide .cat-link li a:hover, .leftBox .cat-link li a.active {
	color:#0060a9;
	text-decoration:none;
}

/* FIN COLUMNA EXTRA DERECHA CONSULTORIA*/
/* INICIO PAGINA COMPLETA*/
#Content .fullpage {
	float:left;
	width:950px;
}
.fullpage .titulo {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:#dedede solid 1px;
	font-size:18px;
	margin-top:5px;
}
.fullpage .titulo h4 {
}
.fullpage .flash {
	float:left;
	width:950px;
}

/* FIN PAGINA COMPLETA */
/* START FOOTER */
#Footer {
	background:url(../images/footerBg.gif) repeat-x;
	font-size:11px;
}
#Footer .footerbody {
	background:url(../images/footer-left.gif) no-repeat left top;
}
#Footer .footercontent {
	background:url(../images/footer-right.gif) no-repeat right top;
	height:54px;
	line-height:54px;
	padding:0 15px;
	text-align:center;
}
#Footer .blue {
	color:#0060a9;
}
#Footer a {
	margin:0 15px;
}
#Footerimg {
}

/* END FOOTER */

