@charset "utf-8";
body {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url(../imagenes/jpg/Fondo_Colfrizer1.jpg);
}



#cabecera {
	width: 1000px;
	height: 150px;
	background-image: url(../imagenes/jpg/cabecera.jpg);
	margin-right: auto;
	margin-left: auto;
}

#idioma {
	float: right;
	height: 25px;
	width: 145px;
}
#idioma table tr td em {
	color: #FFF;
}





#cabeceraAnimacion {
	height: 445px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#Slider {
	height: 440px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
}
#barra {
	height: 50px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imagenes/jpg/barra.jpg);
	margin-top: 1px;
}
#menu {
	height: 50px;
	width: 1000px;
}


/*sobrear menu cuando pasa el puntero por encima*/

#m1:hover{
	background-color: #666;
	color: #FFF;
}
#m2:hover{
	background-color:#666;
	color:#FFF;
}
#m3:hover{
	background-color:#666;
	color:#FFF;
}
#m4:hover{
	background-color:#666;
	color:#FFF;
}
#m5:hover{
	background-color:#666;
	color:#FFF;
}
/*sobrear menu cuando pasa el puntero por encima*/


#m1 {
	float: left;
	height: 34px;
	width: 185px;
	padding-top: 15px;
	font-family: "Myriad Pro";
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
#m2 {
	height: 34px;
	width: 200px;
	position: absolute;
	left: 186px;
	padding-top: 15px;
	font-family: "Myriad Pro";
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	top: 1px;
}
#m3 {
	height: 39px;
	width: 212px;
	position: absolute;
	left: 386px;
	top: 1px;
	padding-top: 10px;
	font-family: "Myriad Pro";
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
#m4 {
	height: 34px;
	width: 200px;
	position: absolute;
	left: 598px;
	padding-top: 15px;
	font-family: "Myriad Pro";
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	top: 0px;
}
#m5 {
	height: 34px;
	width: 200px;
	position: absolute;
	left: 799px;
	padding-top: 15px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	font-family: "Myriad Pro";
	top: 0px;
}
.vinculo {
	font-family: "Myriad Pro";
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#barrabuscar {
	float: right;
	height: 35px;
	width: 155px;
	position: absolute;
	left: 846px;
	top: 0px;
	padding-top: 15px;
}









#botonera {
	height: 154px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imagenes/jpg/botonera.jpg);
}
#botoncontactenos {
	width: 332px;
	height: 140px;
	float: left;
}
#textobotoncontactenos {
	margin-left: 123px;
	margin-right: 13px;
	margin-top: 35px;
}
#textobotoncontactenos2 {
	margin-left: 225px;
	margin-top: 2px;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFC926;
}

.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}

.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-style: italic;
	text-decoration: none;
}


.text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}
















#contenedor {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 496px;
}




#panel1 {
	float: left;
	height: 496px;
	width: 349px;
}
#cabezanuevo {
	height: 102px;
	width: 349px;
	background-image: url(../imagenes/jpg/cabezanoti.jpg);
}
#cuerponuevo {
	background-image: url(../imagenes/jpg/noticuerpo.jpg);
	height: 282px;
	width: 349px;
}
#pienuevo {
	background-image: url(../imagenes/jpg/notipie.jpg);
	height: 112px;
	width: 349px;
}
#titulonuevo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #036;
	margin-left: 75px;
	padding-top: 39px;
}


#contenedornuevo {
	margin-left: 15px;
	margin-right: 17px;
	height: 230px;
	padding-left: 105px;
}

#contenedornuevo2 {
	height: 203px;
	margin-right: 17px;
	margin-left: 15px;
	padding-left: 120px;
	margin-top: 10px;
}
#contenedornuevo3 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -20px;
	padding-left: 120px;
}
#contenedornuevo4 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -20px;
	padding-left: 120px;
}
#contenedornuevo5 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -40px;
	padding-left: 120px;
}
#contenedornuevo6 {
	height: 250px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -40px;
	padding-left: 120px;
}
#contenedornuevo7 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -40px;
	padding-left: 120px;
}
#contenedornuevo8 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -40px;
	padding-left: 120px;
}
#contenedornuevo9 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: -80px;
	padding-left: 120px;
}
#contenedornuevo10 {
	height: 203px;
	margin-top: 10px;
	margin-right: 17px;
	margin-left: 15px;
	padding-left: 120px;
}














#panel2 {
	height: 496px;
	width: 651px;
	float: right;
}
#cabezabienvenida {
	background-image: url(../imagenes/jpg/cabezabienvenida.jpg);
	height: 102px;
	width: 651px;
}
#cuerpobienvenida {
	background-image: url(../imagenes/jpg/bienvanidacuerpo.jpg);
	height: 282px;
	width: 651px;
}
#bienvenidapie {
	height: 112px;
	width: 651px;
	background-image: url(../imagenes/jpg/bienvenidapie.jpg);
}
#titulobienvenidos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #036;
	font-weight: bold;
	margin-left: 75px;
	padding-top: 39px;
}
#txtcuerpo {
	height: 282px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #333;
	padding-top: 1px;
}
.Justificado {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.alinearfoto {
	float: left;
	margin-right: 8px;
}

.Negrita {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}




#carruselproveedores {
	height: 159px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2px;
	background-image: url(../imagenes/jpg/carruselproveedores.jpg);
}
#txtcarrusel {
	margin-left: 770px;
	font-family: "Myriad Pro";
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	font-style: normal;
	padding-top: -1px;
}
#carrusel-img {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	height: 115px;
	padding-right: -20px;
}





#piepagina {
	background-image: url(../imagenes/jpg/piepaginafondo.jpg);
	height: 123px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}



{
	margin: 0px;
	padding: 0px;
	/*-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}
#pie1 {
	padding-top: 23px;
	width: 400px;
	padding-left: 120px;
	font-family: "Myriad Pro";
	float: left;
}
#pie2 {
	width: 230px;
	float: left;
	padding-top: 25px;
	padding-left: 25px;
}
#pie3 {
	float: none;
	padding-top: 105px;
}
#contepie {
	background-image: url(../imagenes/jpg/piepaginafondo.jpg);
}
.textopiepag {
	font-family: "Myriad Pro";
	font-size: 10px;
	color: #333;
	font-weight: normal;
}



.TituloAzul {
	font-family: "Myriad Pro";
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}
.textopie {
	font-family: "Myriad Pro";
	font-size: 14px;
	color: #1F1F2C;
}




.social {
	position:fixed;
	left:0;
	top:250px;
	z-index:2000;
}

.social ul {
	list-style:none;
	}
	
.social ul li a {
	display: inline-block;
	color:#fff;
	background: #000;
	text-decoration:none;
	padding: 15px 15px;
	margin-bottom:5px;
	border-radius:20px;
	font-size:23px;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	}
	.social ul li .icon-facebook {background:#3b5998;}
	.social ul li .icon-instagram {background: #A27458;}
	.social ul li .icon-google-plus {background: #F93838;}
	
		.social ul li a:hover {
		/*background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 15px 32px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		background:#BBB;
	}
/*  carrusel de imagenes  */

#demo-wrapper
        {
	margin: 0;
	width: 100%;
	height: 100%;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 0;
        }
        #demo-left
        {
            width: 15%;
            float: left;
        }
        #demo-right
        {
            width: 85%;
            float: left;
        }
        #hWrapperAuto
        {
	margin-top: 1px;
        }
        #demo-tabs
        {
            width: 100%;
            height: 50px;
            color: White;
            margin: 0;
            padding: 0;
        }
        #demo-tabs div.item
        {
            height: 35px;
            float: left;
            background-color: #2F2F2F;
            border: solid 1px gray;
            border-bottom: none;
            padding: 0;
            margin: 0;
            margin-left: 10px;
            text-align: center;
            padding: 10px 4px 4px 4px;
            font-weight: bold;
        }
        #contents
        {
            width: 100%;
            margin: 0;
            padding: 0;
            color: White;
            font: arial;
            font-size: 11pt;
        }
        #demo-tabs div.item.active-tab
        {
            background-color: Black;
        }
        #demo-tabs div.item.active-tabc
        {
            background-color: Black;
        }
        #v1, #v2
        {
            margin: 20px;
        }
        .visible
        {
            display: block;
        }
        .hidden
        {
            display: none;
        }
        #oldWrapper
        {
            margin-left: 100px;
        }
        #contents a
        {
            color: yellow;
        }
        #contents a:hover
        {
            text-decoration: none;
            color: Gray;
        }
        .heading
        {
            font-size: 20pt;
            font-weight: bold;
        }
		
		#submenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#desplegable {
	margin-right: auto;
	margin-left: 22px;
}

#submenu ul{
	margin:0;
	padding:0;
	line-height:30px;
}

#submenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	
	
}

#submenu ul li a{
	text-align: center;
	font-family: "Myriad Pro";
	text-decoration: none;
	height: 30px;
	width: 180px;
	display: block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	
}

#submenu ul ul{

	position:absolute;
	visibility:hidden;
	top:32px;
	background-image: url(../imagenes/jpg/m1.jpg);
	
}

#submenu ul li:hover ul{
border: thin solid #003366;
visibility:visible;
}

#sub li:hover{
	background-color: #001E3C;
}

a,img{border:0px}