@import "reset.css";


/*------- estilos generales -------*/

body {	
	background-color: transparent;
	background: url("../img/fondo.png") 0px 0px repeat-x;		
}
#wrap {	
	background-color: #fff;			
	height: auto;	
	position:relative;
	width: 1000px;
	margin:0 auto;	
}
#contenedor-total{
	background-color: transparent;
	height:auto;	
	width:1000px;
	position:relative;
	z-index:1;
	float:left;	
	border:1px solid silver;
	margin-top:-15px;
}
header{
	background-color: transparent;
	background: url("../img/header.png") 0px 0px repeat-x;
	height:120px;
	width:100%;	
	position:relative;
	z-index:4;	
	display:block;
}
#wrap a{
	text-decoration:none;
	color:#000;
}
p, h1, h2, h3, h4, h5, h6, li, .input, textarea, input, .formulario_textarea{
	font-family: 'Ubuntu', sans-serif;		
}
p{
	text-align:justify;
}
h1{
	color: #000;
	font-size: 42px;
	margin-bottom: 15px;
	font-weight:300;	
}
h3{
	color: #000;
	font-size: 25px;
	margin-bottom: 15px;
	font-weight:300;
	width:550px;
	float:left;	
}
h4{
	color: #000;
	font-size: 17px;
	margin-bottom: 15px;
	font-weight:300;
	width:550px;
	float:left;	
}
.volver {
	background-color: #000;
	width: auto;
	height: auto;
	padding: 3px 10px 6px 10px;
	float: right;
	color: #fff;
}
footer{
	background-color:#000;
	height:80px;
	width:100%;
	float:left;
}
.centrado{
	background-color: transparent;
	width:1000px;
	margin:auto;
	height:auto;
}
.logo {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -310px -9px no-repeat;
	height: 231px;
	float: left;
	width: 300px;
	position: absolute;
	z-index: 2;
	/*border: 1px solid silver;*/
	margin-left: 20px;
}
.galeria {
	background-color: transparent;
	width: 1000px;
	height: 395px;
	float: left;
}
.derecha{
	background-color: transparent;
	width:710px;
	height:auto;
	float:right;
	margin-bottom: 15px;
}
.contenido-derecha{
	/*border: 1px solid silver;*/
	width:675px;
	height:auto;
	margin:20px 15px 15px 10px;
	float: left;
}
.contenido-derecha2{
	/*border: 1px solid silver;*/
	width:660px;
	height:auto;
	margin:20px 15px 15px 20px;
	float: left;
}
.contenido-derecha2 p, .contenido-derecha2 li, .contenido-derecha2 a{
	font-size:14px;
	line-height:18px;
}
.contenido-detalle {
	width: 660px;
	height: auto;
	margin: 0px 15px 15px 0px;
	float: left;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}
.contenido-servicios{
	width: 940px;
	height:auto;
	/*border: 1px solid silver;*/
	margin:-20px 30px 20px 30px;
	float:left;
	position:relative;
	z-index:3;
}
.sombra-servicios {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -34px -685px no-repeat;
	width: 100%;
	height: 25px;
	float: left;
}
.sombra-detalle-servicios {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") 0px -720px no-repeat;
	width: 100%;
	height: 30px;
	float: left;
}
.bloque-servicios {
	background-color: transparent;
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	/*border: 1px solid silver;*/
}
.foto-servicios {
	width: 190px;
	height: 145px;
	border: 1px solid silver;
	float: left;
	margin-right: 20px;
}
.texto-servicios{	
	float:right;
	width:auto;
	/*border: 1px solid silver;*/
	height:auto;
}
.texto-servicios p{
	font-size:15px;	
}
.texto-servicios p, .texto-servicios li, .texto-servicios a{
	line-height:18px;
	font-size:14px;
}
.contenido-derecha strong, .contenido-derecha2 strong{
	color:#F00;
}
.sombra-galeria {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") 2px -441px no-repeat;
	height: 15px;
	float: left;
	width: 1000px;
	margin-top: 2px;
}
.sombra-galeria-2 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -1px -521px no-repeat;
	height: 80px;
	float: left;
	width: 1000px;
	margin-top: -80px;
	position: relative;
}
.izquierda{
	background-color: transparent;
	width:290px;
	height:auto;
	float:left;	
	margin-bottom: 15px;
}
.izquierda2 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") 284px -40px no-repeat;
	height: 80px;
	width: 290px;
	height: auto;
	float: left;
	margin-bottom: 15px;
}
.izquierda3 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") 285px 13px no-repeat;
	height: 80px;
	width: 290px;
	height: auto;
	float: left;
	margin-bottom: 15px;
}
.bloke-1 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -15px 1px no-repeat;
	height: 135px;
	float: left;
	width: 290px;
	margin: 5px 0px 5px 0px;
}
.bloke-2 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -15px -136px no-repeat;
	height: 135px;
	float: left;
	width: 290px;
	margin: 5px 0px 5px 0px;
}
.bloke-3 {
	background-color: transparent;
	background: url("../img/sprite_fraschina.png") -15px -274px no-repeat;
	height: 135px;
	float: left;
	width: 290px;
	margin: 5px 0px 5px 0px;
}
.botonera{
	float:right;
	margin: 35px 60px 0px 0px;
}
.botonera a{
	text-decoration:none;
}
.botonera a li{
	float:left;
	padding:5px;
	color:#000;
	font-weight:500;
	font-size:16px;
}
.botonera a li:hover{
	color:#F00;
}
#rojo{
	color:#F00;
}
.botonera2{
	float:left;
	margin: 5px 0px 15px 0px;
}
.botonera2 a{
	text-decoration:none;
}
.botonera2 a li{
	float:left;
	padding:5px;
	color:#000;
	font-weight:500;
	font-size:13px;
}
.botonera a li:hover{
	color:#F00;
}
.lista-home{
	width:300px;
	float:left;	
	margin-top:30px;
	margin-right: 35px;	
}
.lista-home li{	
	font-size:12px;
	font-weight:300px;
	line-height:18px;
	margin-bottom:20px;
	color:#000;
}
.lista-empresa{
	width:100%;	
	margin-top:20px;
	margin-bottom:20px;		
}
.lista-empresa li {
	font-size: 12px;
	line-height: 18px;
	list-style-type: disc;
	margin-left: 15px;
	list-style-position: inherit;
	padding-left: 35px;
}
.lista-clientes{
	margin-top:30px;
}
.lista-clientes li{
	font-size: 14px;
	line-height: 24px;
	list-style-image:url(../img/lista.jpg);	
	margin-left: 15px;
	list-style-position: inherit;
	padding-left: 30px;	
}
	
.txt-footer-centrado{
	color:#fff;
	font-size:16px;
	text-align:center;
	margin-top: 30px;
}
.bloque-multimedia{
	border:1px solid silver;
	width:285px;
	height:220px;
	float:left;
	margin:12px;	
}
.foto-empresa{
	width:1000px;
	height:405px;
	float:left;	
}
.foto-empresa{
	overflow:hidden;
}	
.contenedor_paginador {
	margin-right: 22px;
	float: right;
	margin-bottom: 15px;
	margin-top: 5px;
}
.contenedor_paginador ul{
}
.link_paginador_productos {
	float: left;
	padding: 3px 5px; 
	border: 1px solid silver;
	margin-left: 5px;
	color: #666;
	cursor: pointer;
}
.link_paginador_productos_activo{
	float: left;
	padding: 3px 5px; 	
	margin-left: 5px;	
	cursor: pointer;
	background-color: silver;
	color:#FFF;
	border: 1px solid #000;
}
#sinborde{
	border:none;
}
input{
	width: 320px;
	height: 30px;
	border:1px solid silver;
	margin-bottom:15px;
	padding-left:5px;
	color:#000;
}
textarea{
	width: 665px;
	height: 300px;
	border:1px solid silver;
	margin-bottom:15px;
	padding-left:5px;
	color:#000;
}
#enviar{
	background-color:#F00;
	color:#FFF;
	text-align:center;
}
.clearfix li img{
	float:left;
	border:1px solid silver;
	margin:10px;	
}

#player{
	float:left;	
}

.clearfix2{
	float:left;	
	margin:10px;	
}
.videos{
	width: 445px;
	height: auto;
	float:left;	
	margin:5px;
}
.nombre{
	float:left;
	text-align:center;
	margin-bottom:10px;
	width: 445px;
	padding: 5px;
}
#player{
	float:left;	
}


.pp_description{
	clear:both;
	margin:10px 3px 10px 3px;
	font-size:14px;
}
.m-top20{
	margin-top:20px;
}
#copyright {
background-color: #fff;
width: 100%;
float: left;
}
#copyright p {
float: left;
margin: 11px 10px 28px 0px;
color: #666;
font-size: 13px;
}
#copyright img { 
float:left;
}
.centrado2 {
text-align: center;
margin: 0 auto;
width: 270px;
margin-top: 21px;
}
#copyright a {
color: #666;
}