.Body {
    color: rgb(88, 77, 77);
    font-family: 'Arial', 'Hoefler Text', 'Times New Roman', serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 30px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    
    /* border:1px solid red;*/
}



.Normal {
    padding: 0px; 
    margin-left:20px;
}

.foot .Body{
	padding-top:40px;
	font-size: 13px;
	font-family:arial;
	text-align:center;
	color:#FFFFFF;
}

.Title {
    color: rgb(149, 138, 110);
    font-family: 'Arial', 'Hoefler Text', 'Times New Roman', serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 8px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    
}


.logo {

	padding:0px 0px 0px 0px;
	margin: 25px auto -52px auto;
	width: 900px;
	/*border:1px solid red;*/
}

.logo img.robilog {
	width: 900px;
}

#banderas {
	position:relative;
	left:35em;
	bottom:6em;
}

/*librarse de los underscore que salen entre banderitas*/
#banderas a {
		text-decoration:none;
}

.box {
	background:transparent url(files/fondo-pagina.png) repeat-y scroll left bottom;
	background-size:900px;
	
	/*esto centra el bloque de contenidos*/
	margin:25px auto;
	
	padding-top:0px;
	width: 900px;
	
	/*border:1px solid green;*/
}

.box p {
	padding:0px 30px 10px 35px;
}

.box .foot {
	/*background:url(files/Typesetter%20Footer3.jpg) no-repeat left bottom;*/
	background:url(files/foot-bg_lblue.png) repeat-x left bottom;
	padding:10px 20px 0 35px;
	
}

.foot {
	color:#FFFFFF;
}

#navbar{
	width:900px;
	height:36px;
	margin-left:auto;
	margin-right:auto;
	background:url(files/navbar-bg_blue.png) left top repeat-x;
	padding-bottom:30px;
	
	
}

#navbar .inbar{
	display:block;
	height:36px;
	background:url(files/right-round_yel.png) right top no-repeat;
}

#navbar ul, #navbar ul li{
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	height:36px;
	line-height:36px;
}

#navbar ul{
	background:url(files/left-round_blue.png) left top no-repeat;	
}

#navbar ul li{
	float:left;
	display:block;
	line-height:36px;
}

#navbar ul li a{
	font-family:arial;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:regular;
	display:block;
}
#navbar ul li a div{
	padding:0 20px 0 0;
	height:36px;
	line-height:36px;
	display:block;
	margin-left:20px;
}
#navbar .navhome a, #navbar .navhome a:hover{
	background:url(files/a-bg.png) left top no-repeat;
	height:36px;
	line-height:36px;
}
#navbar .navhome a div, #navbar .navhome a:hover div{
	color:#FFFFFF;
	background:url(files/span-bg.png) right top no-repeat;
	height:36px;
	line-height:36px;
}
#navbar ul li a:hover{
	color:#035B8A;
	background:url(files/ahover-bg_lblu.png) left top no-repeat;
	height:36px;
	line-height:36px;
}
#navbar ul li a:hover div{
	background:url(files/spanhover-bg_lblu.png) right top no-repeat;
	height:36px;
	line-height:36px;
}


#logo_feder {
	text-align:right;
}

/*específicos para página contacto.html*/
#direc {
	width:350px;
	float:left;
	padding-left:60px;
	padding-top:60px;
}
#fotocei img {
	width:300px;
	float:right;
	padding-right:80px;
}

/*para que lo que viene despues se posicione correctamente por debajo de
los flotantes, y no fluya hacia arriba*/
#footer {
	clear:both;
}
html {
	/*background:url(files/fondoplanos_3.jpg) repeat-y; */
	background-position:50% 0%;
	/*border:2px solid orange;*/
	
}


/*especificos para página de productos */
#tablalogos {
	margin-left: 80px;
	
}

#logomarca img {
	/*display: inline;*/
	width:130px;
	float:left;
	padding-right:20px;
	padding-top:20px;
	padding-left:20px;
}



/* Sidebar ********************************************************************/

#sidebar {
    float: right;
    
    font-size: 0.8em;
    padding-top: 20px;
    padding-left:20px;
    padding-right:40px;
    width: 250px;
    font-family: 'Arial', 'Hoefler Text', 'Times New Roman', serif;
}
    #sidebar h4 {
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        background-color: #035B8A;
        color: #FFFFFF;
        height: 20px;
        padding: 6px 20px 0;
        margin-bottom: 10px;
        font-weight: bold;
    }

    #sidebar div.widget {
        margin-bottom: 20px;
        background-color: #A2B7CC;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #sidebar ul {
        list-style-type: none;
        margin: 0 20px 10px;
    }
    #sidebar li {
        padding-bottom: 10px;
        margin-bottom: 5px;
        border-bottom: solid 1px #CCC;
        margin-left:-40px;
    }
        #sidebar li:last-child {
            border-bottom: none;
        }

    #sidebar li a {
        display: block;
        font-weight: bold;
    }
    #sidebar li img {
        float: left;
        margin-right: 20px;
    }

    #sidebar div.widget_links ul {
        margin: 20px;
    }
    #sidebar div.widget_links li {
        height: 70px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: solid 1px #CCC;
    }
    #sidebar div.widget_links li:last-child {
        border-bottom: none;
    }

    #sidebar .WiredWidgetsDartAds {
        margin-bottom: 0px;
        background-color: transparent;
        border-radius: 0px;
    }

    #sidebar .widget_rss h4 {
        background-image: url('images/twitter_profile.jpg');
        background-repeat: no-repeat;
        background-position: 20px center;
        background-color: #FFF;
        height: 48px;
        font-size: 24px;
        line-height: 48px;
        text-indent: 66px;
    }
    #sidebar .widget_rss h4 img {
        display: none;
    }

	
	
	/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 360px;
    background-color: #225;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}