/*PORTFOLIO DE HORACIO TORRENT / DISEÑADOR WEB / DIRECTOR CREATIVO */
/*hola@horaciotorrent.com / Móvil: +54 341 5 525 089 / Rosario / Santa Fe / Argentina*/
/*Css y Xhtml programado y diseñado por Horacio Torrent */
body {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #333;
}
a:hover img { 
	background: none; 
}
a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration: underline;
}
img {
	border: none;
}
h1 {
	font-size: 16px;
	padding: 0 0 0 0;
	margin: 10px 0 10px 15px;
	color:#f60;
}
h2 {
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 15px 0 12px 15px;
	color:#f60;
}
h3 {
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 15px 0 12px 15px;
	color:#666;
}
h4 {
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 3px 5px;
	margin: 0 0 0 5px;
	color:#333;
	line-height: 20px;
}
h4 span {
	font-size: 10px;
	color:#333;
}
h4 a {
	padding: 1px 6px;
	margin: 0 0 0 5px;
	color:#333;
}
h4 a:hover {
	padding: 1px 6px;
	color:#333;
	margin: 0 0 0 5px;
}
h5 {
	width: 90%;
	font-size: 13px;
	padding: 0;
	margin: 0 0 5px 15px;
	color:#333;
	line-height: 20px;
	border-top: 1px dotted #f60;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 10px 12px 15px;
}
p img {
	float: right;
	margin: 0 0 5px 10px;
	display: block;
}
.tele img {
	margin: 0 0 5px 17px;
	padding: 0;
	display: block;
}

.img-right {
	float: right;
}

/*GENERALES*/
#holder {
	width:760px;
	margin: 8px auto 10px auto;
}
#idiomas {
	float: right;
	color: #999;
	clear: both;
	margin: 0 20px 8px 0;
}
#idiomas a { 
	color: #999;
}
#idiomas strong {
	color: #333;
	font-weight: normal;
}
#idiomas strong a {
	color: #333;
	font-weight: normal;
}
#idiomas ul {
	margin: 0;
	padding: 0;
}
#idiomas li {
	display: inline;
}
#idiomas li.esp {
	background-image: url(../img/ba_esp.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 0 10px 0 5px;
}
#idiomas li.eng {
	width: 150px;
	background-image: url(../img/ba_engl.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 0 5px 0 5px;
}
#header {
	width:760px;
	height: 256px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;
}
#header #logo {
	width:262px;
	height: 58px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	margin: 18px 0 8px 16px;
	padding: 0;
	float: left;
}
#header #logo a {
	text-indent: -9999px;
	display: block;
	height: 58px;
}
#header #foheader1 {
	float: left;
	margin: 0;
	padding: 0;
}
#header #foheader2 {
	background-image: url(../img/fo_header_2.png)!important;
	background-image: none;
	float: right;
	width: 461px;
	height: 255px;
	margin: 0;
	padding: 0;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fo_header_2.png');
	clear: right;
}
#header #foheader2-en {
	background-image: url(../img/fo_header_2_en.png)!important;
	background-image: none;
	float: right;
	width: 461px;
	height: 255px;
	margin: 0;
	padding: 0;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fo_header_2_en.png');
	clear: right;
}
#nav {
	width: 760px;
	background-image: url(../img/bg_nav.gif);
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
}
#nav a {
	color: #fff;
	display: block;
}
#nav a:hover {
	text-decoration: none;
	color: #333;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	display: block;
	float: left;
	line-height: 42px;
	padding: 0 17px;
	background-image: url(../img/nav_separador.gif);
	background-repeat: no-repeat;
	background-position: right;
}
body#ho #nav .home {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#ho #nav .home a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#so #nav .sobre {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#so #nav .sobre a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#no #nav .noticias {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#no #nav .noticias a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#fo #nav .fotos {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#fo #nav .fotos a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#vi #nav .videos {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#vi #nav .videos a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#re #nav .responde {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#re #nav .responde a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#fa #nav .faq {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#fa #nav .faq a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#dv #nav .dvd {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#dv #nav .dvd a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#li #nav .links {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#li #nav .links a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}
body#co #nav .contacto {
	background-color: #f60;
	color: #333;
	filter: alpha(opacity=90);
	opacity: .9;
}
body#co #nav .contacto a {
	color: #333;
	background-image: url(../img/nav_activo.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#nav .nav-bottom {
	background-image: url(../img/nav_bottom.gif);
	background-repeat: repeat-x;
	width: 760px;
	height: 11px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display: block
}

#content {
	width: 760px;
	clear: both;
	float: left;
	background-image: url(../img/bg_holder.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #ccc;
}
#content #col-1 {
	width: 260px;
	float: left;
}
#content #col-1 p img {
	float: none;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
}
#content #col-1 #nav-galeria {
	width: 210px;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	float: left;
}
#content #col-1 #nav-galeria li {
	width: 210px;
	float: left;
	line-height: 15px;
	border-bottom: 1px solid #ccc;
	background-image: url(../img/item_gallery.gif);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
}
#content #col-1 #nav-galeria li.activo {
	width: 210px;
	float: left;
	line-height: 15px;
	padding: 5px 0 5px 20px;
	color: #F90;
}
#content #col-1 #nav-galeria li.activo a {
	float: left;
	line-height: 15px;
	padding: 0 0 0 0;
	color: #F90;
	font-weight: bold;
}
#col-2 h2 {
	clear: both;
	margin-left: 15px;
}
#col-2 ol {
	margin: 0 15px 0 40px;
	padding: 0;
	clear: both;
}
#col-2 ol li {
	line-height: 17px;
}
#galeria {
	margin: 0 15px 0 15px;
}
#galeria .fotos {
	width: 440px;
	float: left;
	margin: 0 15px 15px 0;
	clear: both;
}
#galeria .subir {
	width: 470px;
	border-top: 1px solid #ccc;
	float: right;
	text-align: right;
	margin: 10px 0px 10px 15px;
	padding: 10px 0 0 0;
}
#galeria p {
	margin: 0;
	padding: 0;
}
#galeria .fotos img {
	margin: 0 10px 0 0;
	float: left;
	border: 2px solid #ccc;
	padding: 3px;
}
#content #col-2 {
	width: 500px;
	float: left;
}
#content #col-2 #faq {
	margin: 0 15px 0 15px;
	padding: 0;
}
#content #col-2 #faq h2 {
	padding: 0 0 0 0;
	margin: 15px 0 12px 0;
}
#content #col-2 #faq ul {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#content #col-2 #faq li {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 17px;
}
#content #col-2 #links {
	margin: 0 0 0 15px;
	padding: 0;
}
#links a {
	color: #666;
}
#links a:hover {
	color: #f60;
}
#links .col-1 {
	width: 45%;
	float: left;
	margin: 0 15px 0 0;
}
#links .col-2 {
	width: 45%;
	float: left;
}
#links ul {
	list-style: inside;
}
#links li {
	line-height: 15px;
	list-style: disc;
	list-style: inside;
	margin: 0 0 10px 0;
}
#content #col-2 .fotos-home {
	margin: 10px 10px;
	width: 195px;
	display: block;
	float: right;
}
#content #col-2 .fotos-home img {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#content #col-2 .filas {
	width: 485px;
	clear: both;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 10px 15px;
	float: left;
}
#content #col-2 .filas p {
	margin: 0;
	padding: 0;
}
.filas .videos-ejemplo {
	width: 235px;
	float: left;
	margin: 0 5px 0 0;
}
.filas .videos-ejemplo span {
	width: 230px;
	height: 193px;
	border: 1px solid #f60;
	display: block;
	margin: 0 0 5px 0;
	float: left;
}
.ver-mas {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: bold;
}
#noticias {
	margin: 0 15px;
}
#noticias li {
	padding: 0 0 0 0;
	margin: 10px 0 12px 0;
	line-height: 17px;
	color: #666;
}
#noticias li span {
	font-weight: bold;
	color: #333;
}

#taco-home {
	float: left;
	width: 760px;
	background-image: url(../img/bg_taco_home.gif);
	background-repeat: repeat-x;
	clear: both;
}
#taco-home .col-1 {
	width: 260px;
	float: left;
}
#taco-home .col-1 img {
	margin: 7px 0 0 10px;
	padding: 0;
}
#taco-home .col-2 {
	width: 480px;
	float: left;
	padding: 0 0 0 20px;
}
.video-home {
	width: 230px;
	margin: 12px 5px 0 0;
	padding: 0;
	float: left;
}
.video-home span {
	width: 230px;
	height: 193px;
	border-top: 1px solid #f60;
	border-left: 1px solid #f60;
	border-bottom: 1px solid #f60;
	border-right: 1px solid #f60;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
.col-2 .video-home p {
	margin: 0;
	padding: 0;
}
.col-2 p {
	width: 200px;
	color: #fff;
	float: left;
	padding: 0;
	margin: 10px 10px 0 10px;
}
.col-2 a {
	color:#fff;
}


#bottom-taco {
	width: 760px;
	background-image: url(../img/bottom_taco_home.gif);
	height: 21px;
	vertical-align: bottom;
	clear: both
}

#footer-home {
	width: 745px;
	float: left;
	clear: both;
	height: 30px;
	color: #f60;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
}
#footer-home p {
	float: left; 
}
#footer-home img {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	display: block
}

#footer {
	width: 740px;
	float: left;
	clear: both;
	height: 49px;
	line-height: 45px;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
}
/*FORMULARIO*/

input, textarea {
	width: 350px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #F60;
	padding: 4px;
	margin: 2px 0 0 0;
}
select {
	width: 362px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #F60;
	padding: 4px;
	margin: 2px 0 0 0;
}
.bt-enviar {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

/*FORM FEDERICO RESPONDE*/
#pregunta-enviada {
	width: 237px;
	height: 160px;
	background-image: url(../img/bg_preg_enviada.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 7px;
	padding: 30px 0 0 3px;
	float: left;
}
#form-responde {
	width: 240px;
	height: 280px;
	background-image: url(../img/bg_responde.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 7px;
	padding: 30px 0 0 3px;
	float: left;
}
#form-responde input {
	width: 192px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #F60;
	padding: 4px;
	margin: 8px 0 0 0;
	display: block;
}
#form-responde textarea {
	width: 192px;
	height: 50px;
	margin: 8px 0 0 0;
}
#form-responde .bt-enviar {
	width: 203px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 4px 0;
}
#pregunta-respuesta {
	margin: 0 15px 0 15px;
	padding: 0;
	
}
#pregunta-respuesta p {
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}
#pregunta-respuesta .pregunta {
	width: 320px;
	height: 30px;
	line-height: 27px;
	font-weight: bold;
	background-image: url(../img/item_pregunta.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 38px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	float: left;
}
#pregunta-respuesta .respuesta {
	width: 320px;
	height: 30px;
	line-height: 27px;
	font-weight: bold;
	background-image: url(../img/item_respuesta.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 38px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	float: left;
}
#pregunta-respuesta .fecha {
	width: 112px;
	height: 30px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	float: left;
	line-height: 27px;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	color: #999;
}
#pregunta-respuesta .separacion {
	height: 10px;
	border-top: 1px solid #f60;
	margin: 0 0 10px 0;
}
.paginacion {
	line-height: 20px;
	text-align: right;
	clear: both;
}
.paginacion a {
	color: #f60;
}
.paginacion a:hover {
	color: #999;
}

.volver a {
	color: #f60;
}
.fotos-float {
	width: 195px;
	float: right;
	display: block;
	margin: 0 10px 10px 10px;
	color: #999;
}
.fotos-float span {
	padding: 0 8px;
	display: block;
}
.copete {
	padding: 5px 8px 0 8px;
	display: block;
	color: #999;
}
.bt-ver-videos a {
	float: right;
	margin: 0 5px 0 0;
	color: #f60;
	font-weight: bold;
	
}