@charset "utf-8";
/* CSS Document */

/*
Pagina wwww.ortophedixargentina.com.ar
		agencia: Micó


/*********************
ESTILO GENERAL
**********************/



*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

body{
	background: url(../img/gradient.png) repeat-x fixed;
}



#contenedorGeneral{
	margin:auto;
	margin-top:10px;
 	position:relative;
	width:922px;
	background-color:#FFF;	
	padding:20px;
	border-style:solid;
	border-width:1px;
	border-color: #999;
	margin-bottom:15px;
}
#head{
	position:relative;
	width:915px;
	height:95px;
	background:url(../img/logo2.png) no-repeat;
}

#botonera { 
	padding: 0;
	position:relative;
	z-index:1000;
	background:#ffde17;
	width:920px;
	height:34px;
}

#botonera li { 
display: inline; 

}

#botonera li a { 
	position:relative;
	top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold; 
	text-decoration: none; 
	float:left; 
	padding: 10px;
	background-color: #ffde17; 
	color: #000; 
 } 
 
 #botonera li a:hover { 
 background-color: #0c3d77; 
 margin-top:0; 
 padding-bottom:10px; 
 color:#ffff40;
 } 

#face{
	float:right;
	margin-right:10px;
	position:relative;
	top:0;
	z-index:1000;
	background: url(../img/fb.png) no-repeat;
	width:27px;
	height:28px;
	margin-top:3px;
}
#face a{
 	position:absolute;
	top:0;
	width:27px;
	height:28px;

}
#face a:hover{
 	position:absolute;
	top:0;
	background: url(../img/fbHover.png) no-repeat;
	width:27px;
	height:28px;
}
 
 #divjava{
	width:920px;
	height:335px;
	position:relative;
	top:0;
	margin-top:15px;
	margin-bottom:35px;
}
.pie{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color: #666;
	margin-bottom:15px;
}
/*********************
HOME
**********************/

#marcas{
	width:920px;
	min-height:145px;
	text-align:center;
	/*border-style:solid;
	border-width:1px;
	border-color: #999;	*/
	margin:auto;
	margin-top:10px;
	margin-left:6px;
	margin-bottom:10px;
	
}
#marcas p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	text-align:center !important;

}
#marcas li{
	display:inline;
	/*float: left;*/
	width:900px !important;
	height:125px;
	list-style-type: none;
	padding:0 50px 0 50px;
	/*border-style:solid;
	border-width:1px;
	border-color: #CCC;
	margin-right:6px;*/
	/*display: inline; */
	
}
#productos{
	/*background:#0F3;*/
	width:916px;
	margin-top:10px;
	overflow:hidden;
	margin-left:2px;
	background:url(../img/backCat.jpg);
	/*border:solid 1px #000;*/

}
#productos li{
	float:left;
	width:228px;
	height:121px;
	/*background:#069;*/
	list-style-type: none;
	border-right:solid;
	border-bottom:solid;
	border-width:1px;
	border-color: #CCC;
}
.prod{
	width:228px;
	height:121px;
	position:relative;
}
.prod img, .prod a{
	position:absolute;
	top:0;
	left:0;
}
.prod img{
	z-index:90 !important;
	border:none;
}
.prod a{
	width:228px;
	height:121px;
	z-index:100 !important;
}
.prod a:hover{
	background: url(../img/blancoHover.png) repeat;
}

#contenedorVideo{
	margin-top:10px;
	width:920px;
	min-height:500px;
	
}
#barraVideo{
	background:#0c3d77;
	width:920px;
	height:34px;
}
.video{
	margin:auto;
	width:700px;
	height:460px;
	margin-top:20px;
}
/*********************
ARTÍCULOS
**********************/

#contenedorArticulos{
	padding-top:25px;
	margin:auto;
	width:920px;
	/*background:#03C;*/
	overflow:hidden;
}
#menuLateral{
	float:left;
	width:200px;
	/*background:#099;*/
}
#listadoArticulos{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	width:705px;
	/*height:500px;*/
	/*background: #C03;*/
	float:left;
	margin-left:15px;
}
#menuLateral p{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom :dotted #666 1px;
}
#menuLateral span{
	font-weight:bold;
	font-size: 14px;
	color:#000;
}
#menuLateral li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom:5px;
	font-weight: bold;
	color:#000;
	text-transform:uppercase;
	border-bottom :dotted #666 1px;
	padding-top:7px;
}
#menuLateral a{
	color:#000;
}
#menuLateral a:hover{
	color: #003382;
	text-decoration:underline;
}
.muestraArticulo{
	overflow:hidden;
	width:706px;
	/*height:130px;*/
	/*background:#9F0;*/
	margin-top:10px;
	border-bottom:solid 1px #999;
}
.imgArticulo{
	position:relative;
	top:0;
	left:0;
	float:left;
	margin-left:25px;
	width:130px;
	height:130px;
	background:#FFF;
}
.imgArticulo img{
	
}
.desArt{
	position:relative;
	top:0px;
	padding-left:200px;
	padding-top:50px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	padding-bottom:10px;
}
.desArtLarga{
	margin:25px 0 25px 0;
	color: #666;
	padding-bottom:10px;
}
.barraArticulo {
	position:relative;
	float:right;
	width:507px;
	height:28px;
	margin-top:0;
	padding:0;
	background:#003366;
	z-index:900;
}
.barraArticulo p{
	position:relative;
	top:7px;
	left:7px;
	padding:0;	
}
.barraArticulo a{
	position:absolute;
	top:0;
	left:0;
	width:507px;
	height:28px;
	z-index:800;
	color:#FFF;
}
.barraArticulo a:hover{
	background-color: #ffde17;
	color:#003366;

}

.tituloArt{
	color:#FFF;
	padding-bottom:10px;
}

.formulario{
	position:relative;
	top:0;
	margin-bottom:20px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	font-weight:bold;
}
.formulario h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
td{
	padding:8px;
	border-bottom:1px dotted #666;
}

.textarea, .inputbox  {
	font-size: 11px;
	padding: 4px 10px;
	border: 1px solid #cccccc;

}
.boton{
	background:url(../img/button-back.png)0 100% repeat-x #fede17;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #191919;
	text-align: center;
	padding: 2px 15px 3px;
	border: 1px solid #646464;
	border-top-color: #afafaf;
	border-left-color: #afafaf;
	cursor: pointer;

}
#marcasProductos{
	margin-top:10px;
	margin-bottom:25px;
	overflow:hidden;
}
#marcasProductos div{
	float:left;
}
#marcasProductos img{
	border:none;
}
.marcaSeleccionada{
	border:1px solid #999;
}
#nombreProducto{
	padding:5px;
	background-color: #003366 ;
	color:#FFF;
	font-size:18px;
}
/*********************
CONTACTO
**********************/
.contacto td {
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	margin:0;
}
.contacto p{
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	font-weight: bold;
	background: #EBEBEB;
	width:80px;
}
.contacto span{
	font-weight:bold;
}
td{
	padding:5px;
}
.contBtn{
	font-size:13px;
}